JQuery 参考手册 学习笔记（1）-jquery核心函数

一.jQuery(expression, [context])

这个函数接收一个包含 CSS 选择器的字符串，然后用这个字符串去匹配一组元素，默认情况下, 如果没有指定context参数，$()将在当前的 HTML document中查找 DOM 元素；如果指定了 context 参数，如一个 DOM 元素集或 jQuery 对象，那就会在这个 context 中查找。

示例

描述:

找到所有 p 元素，并且这些元素都必须是 div 元素的子元素。HTML 代码:

<p>one</p> <div><p>two</p></div> <p>three</p>

jQuery 代码:

$("div > p");

结果:

[ <p>two</p> ]

描述:

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

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

描述:

在一个由 AJAX 返回的 XML 文档中，查找所有的 div 元素。jQuery 代码:

$("div", xml.responseXML);

二.jQuery(html,[ownerDocument])

根据提供的原始 HTML 标记字一.jQuery(expression, [context])符串，动态创建由 jQuery 对象包装的 DOM 元素。

示例

描述:

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

$("<div><p>Hello</p></div>").appendTo("body");

描述:

创建一个 <input> 元素必须同时设定 type 属性。因为微软规定 <input> 元素的 type 只能写一次。jQuery 代码:

// 在 IE 中无效:
$("<input>").attr("type", "checkbox");
// 在 IE 中有效:
$("<input type='checkbox'>");

三.jQuery(html, props)

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

示例

描述:

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

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

描述:

创建一个 <input> 元素，同时设定 type 属性、属性值，以及一些事件。jQuery 代码:

$("<input>", {type: "text",val: "Test",focusin: function() {$(this).addClass("active");},focusout: function() {$(this).removeClass("active");}}).appendTo("form");

三.jQuery(elements)

将一个或多个DOM元素转化为jQuery对象。

示例

描述:

设置页面背景色。jQuery 代码:

$(document.body).css( "background", "black" );

描述:

隐藏一个表单中所有元素。jQuery 代码:

$(myForm.elements).hide()

[/code]