首頁 > web前端 > js教程 > jquery 遍歷數組 each 方法詳解

jquery 遍歷數組 each 方法詳解

高洛峰
發布: 2016-12-29 10:57:22
原創
1382 人瀏覽過

JQuery拿取物件的方式

$('#id') :透過元素的id

$('tagName') : 透過元素的標籤名稱

$('tagName tagName') : 透過元素的標籤名稱

$('tagName tagName') : 透過元素的標籤名稱,eg: $('ul li')

$('tagName#id): 透過元素的id和標籤名稱

$(':checkbox'):拿取input的type為checkbox'的所有元素:

Eg:

<input type="checkbox" name="appetizers"
 
 value="imperial"/>
 
$(&#39;span[price] input[type=text]&#39;) :拿取下面的input元素
 
<span price="3">
<input type="text" name="imperial.quantity"
         disabled="disabled" value="1"/>
</span>
 
$(&#39;div&#39;,$(this).parents(&#39;div:first&#39;)):拿取该div的上(至少都是父节点)的第一个div节点
 
$(&#39;~ span:first&#39;,this): locates the first sibling of this that&#39;s a <span> element.
登入後複製

延遲載入js檔案:

$.getScript

範例:

Html檔案:

Java代碼

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>$.getScript Example</title>
  <link rel="stylesheet" type="text/css" href="../common.css">
  <script type="text/javascript"
      src="../scripts/jquery-1.2.1.js"></script>
  <script type="text/javascript">
   $(function(){
    $(&#39;#loadButton&#39;).click(function(){
     $.getScript(//在Firefox/3.0.1中会出现一个错误(语法错误,定义的变量不起作用,ff2没问题)
      &#39;new.stuff.js&#39;//,function(){$(&#39;#inspectButton&#39;).click()}
     );
    });
    $(&#39;#inspectButton&#39;).click(function(){
     someFunction(someVariable);
  test()
    });
   });
  </script>
</head>
 
<body>
  <button type="button" id="loadButton">Load</button>
  <button type="button" id="inspectButton">Inspect</button>
</body>
</html>
登入後複製

Html檔案:

Java代碼

alert("I&#39;m inline!"); 
 
var someVariable = &#39;Value of someVariable&#39;; 
 
function someFunction(value) { 
alert(value); 
} 
 
function test() { 
alert(&#39;test&#39;); 
}
 
alert("I&#39;m inline!");
 
var someVariable = &#39;Value of someVariable&#39;;
 
function someFunction(value) {
alert(value);
}
 
function test() {
alert(&#39;test&#39;);
}
登入後複製

以上這篇jquery 遍歷數組each 方法詳解就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持PHP中文網。

更多 jquery 遍歷數組 each 方法詳解相關文章請關注PHP中文網!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板