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

jquery 遍歷數組 each 方法詳解

高洛峰原創: 2016-12-29 10:57:221382瀏覽

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中文網！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：jQuery使用each方法與for語句遍歷數組範例下一篇：jQuery使用each方法與for語句遍歷數組範例

看更多