jQuery 核心 - jQuery() 方法

jQuery() 方法接受一个字符串，其中包含了用于匹配元素集合的 CSS 选择器。
jQuery() 函数有三种语法：


语法 1


接受一个字符串，其中包含了用于匹配元素集合的 CSS 选择器：
jQuery(selector, [context])




用法 1 ：设置选择器环境
jQuery(selector, [context])


默认情况下，选择器从文档根部对 DOM 进行搜索。不过，可以为 $() 设置可选的 context 参数(限制对 DOM 的搜索)


实例
$("div.foo").click(function() {
  $("span", this).addClass("bar");
});


由于我们已经将 span 选择器限定到 this 这个环境中，只有被点击元素中的 span 会得到附加的 class。


在内部，选择器环境是通过 .find() 方法实现的，因此 $("span", this) 等价于 $(this).find("span")。


默认情况下, 如果没有指定 context 参数，$() 将在当前的 HTML document 中查找 DOM 元素；如果指定了 context 参数，如一个 DOM 元素集或 


jQuery 对象，那就会在这个 context 中查找。


用法 2 ：使用 DOM 元素
jQuery(element)


一般用法


实例
$("div.foo").click(function() {
  $(this).slideUp();
});


用法 3 ：克隆 jQuery 对象
jQuery(jQuery object)


实例


var test=$("p");
alert($(test).html());






语法 2


使用原始 HTML 的字符串来创建 DOM 元素：


jQuery(html,[ownerDocument])


用法 1 ：创建新的元素
jQuery(html,[ownerDocument])


html(String): 用于动态创建DOM元素的HTML标记字符串


ownerDocument(Document): 可选，用于指定创建新DOM元素的文档对象，如果不传入，则默认为当前文档对象(也就是HTMLDocument)
这个文档对象可以是XULDocument(XUL 是一种基于 XML 的语言，因此需要对 XML（特别是 XML 名称空间）很熟悉)


例如


var str="<p>qw</p>";
     alert($(str).html());




但如果字符串str是 HTML 片段,所以能对str进行jq操作,它并不是在DOM中找与str匹配的元素










用法 2 ：设置属性和事件


jQuery(html,props)


var str="<p></p>";


$(str, {
    "class": "test",
     text: "Click me!",
     click: function(){
          $(this).toggleClass("test");
}
}).appendTo("body");


 var str="<p></p>";   (str不能写成"<p>qw</p>",否则props参数无效)


str可以(str="<p>")


$("<p>") 等价于$(document.createElement("p"))


语法 3
绑定一个在 DOM 文档载入完成后执行的函数：


jQuery( callback )


等价于 $(document).ready() 


例子


当DOM加载完成后，执行其中的函数：


$(function(){
  // 文档就绪
});


也就是入口函数