jQuery()方法第二個引數的作用簡單介紹

admin發表於2017-04-05
jQuery

關於jQuery()方法我們一定不會陌生，通常為了簡單我們都是用$替代，當然也可以命名別名。

最普通使用方式如下:

[JavaScript] 純文字檢視 複製程式碼
jQuery("#id")
 $("#id")

上面是最為普通和常見的用法。很多人可能忽略了此方法其實還可以具有一個引數，下面就對此做一下介紹。

使用方式一:

規定匹配元素的上下文範圍。

也就是在指定範圍內搜尋指定元素。

語法結構:

[JavaScript] 純文字檢視 複製程式碼
jQuery(selector, [context])

功能等同於如下程式碼:

[JavaScript] 純文字檢視 複製程式碼
$(context).find(selector)

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script>
$(document).ready(function(){
  $("span","#top").css("color","green");
});
</script>
</head>
<body>
<div id="top">
  <span>螞蟻部落一</span>
</div>
<div id="bottom">
  <span>螞蟻部落二</span>
</div>
</body>
</html>

上面的程式碼規定了元素查詢的範圍，也就是隻在id屬性值為top的元素下查詢span元素。

使用方式二:

就是動態的在指定頁面建立html元素。

這裡就不多介紹介紹了，具體可以參閱jQuery(html,[ownerDocument])用法介紹一章節。

使用方式三:

也可以動態建立html元素，並設定相應的屬性。

具體可以參閱jQuery動態建立html元素並設定屬性一章節。

相關文章