Jquery核心函数总结

jQuery(expression, [context])

这个函数接收一个包含 CSS 选择器的字符串，然后用这个字符串去匹配一组元素。

通过 doc[0]、doc[1] 可以分别取出一个 DOM 对象，其它的则是一些 jQuery 对象特有的属性和方法；实际上 jQuery 对象包装了 DOM 对象，同时还包含了一些操作 DOM 元素的 jQuery 方法。

　　在使用 jQuery 的过程中，大部分情况下第一步工作同时也是最重要的一步工作，就是取得包装了要操作 DOM 对象的 jQuery 对象；然后通过调用取得的 jQuery 对象的方法来完成对 DOM 对象的操作。

for example

1.查找#first context中节点为p的搜有元素，并循环显示对应的值。

$(function() {
        var items = $("p", "#first");
        $.each(items, function(i, n) {
            alert(i);
        });
    });

 i为对应的index，n对应的节点

2.找到所有 p 元素，并且这些元素都必须是 div 元素的子元素。

HTML 代码:
<p>one</p> <div><p>two</p></div> <p>three</p>jQuery 代码:
$("div > p");
结果:
[ <p>two</p> ]

3.在文档的第一个表单中，查找所有的单选按钮(即: type 值为 radio 的 input 元素)。

jQuery 代码:
$("input:radio", document.forms[0]); 

                                                                                                                                                      

jQuery(html, [ownerDocument])

根据提供的原始 HTML 标记字符串，动态创建由 jQuery 对象包装的 DOM 元素。

你可以传递一个手写的 HTML 字符串，或者由某些模板引擎或插件创建的字符串，也可以是通过 AJAX 加载过来的字符串。

                                                                                                                                                          

jQuery(html, props)

根据提供的原始 HTML 标记字符串，动态创建由 jQuery 对象包装的 DOM 元素。同时设置一系列的属性、事件等。

参数

htmlString

用于动态创建DOM元素的HTML标记字符串

propsMap

用于附加到新创建元素上的属性、事件和方法

示例

描述:

动态创建一个 div 元素（以及其中的所有内容），并将它追加到 body 元素中。在这个函数的内部，是通过临时创建一个元素，并将这个元素的 innerHTML 属性设置为给定的标记字符串，来实现标记到 DOM 元素转换的。所以，这个函数既有灵活性，也有局限性。

jQuery 代码:

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

                                                                                                                                

$(document).ready()的简写。

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

jQuery 代码:

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