jQuery核心方法jQuery( selector [, context ] )

发布时间:2016/3/30 标签: jQuery文档 分类:jQuery

jQuery( selector [, context ] )这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组元素。

jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都基于这个函数,或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式(通常由 CSS 选择器组成),然后根据这个表达式来查找所有匹配的元素。

默认情况下, 如果没有指定context参数,$()将在当前的 HTML document中查找 DOM 元素;如果指定了 context 参数,如一个 DOM 元素集或 jQuery 对象,那就会在这个 context 中查找。在jQuery 1.3.2以后,其返回的元素顺序等同于在context中出现的先后顺序。

参考文档中 选择器 部分获取更多用于 expression 参数的 CSS 语法的信息。

语法1

jQuery( selector [, context ] )

selector:用来查找的字符串

context:作为待查找的 DOM 元素集、文档或 jQuery 对象。

语法2

jQuery( element )

element:用于封装成jQuery对象的DOM元素

语法3

jQuery( elementArray )

elementArray:用于封装成jQuery对象的DOM元素数组。

语法4

jQuery( object )

object:用于封装成jQuery对象。

语法5

jQuery( selection )

selection:用于克隆的jQuery对象。

语法6

jQuery()

返回一个空的jQuery对象。

示例1

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

$("div > p")

示例2

设置页面背景色为黑色。

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

示例3

隐藏一个表单中所有元素。

$(myForm.elements).hide();

示例4

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

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

示例5

在一个由 AJAX 返回的 XML 文档中,查找所有的 div 元素。

$("div", xml.responseXML);

本文为jQuery基础入门介绍!有问题或意见请发表留言或加QQ群:233808496

现代浏览器推荐

做为一名前端人员,您有责任且有义务让用户升级浏览器拥有完美的浏览体验,与国际接轨,同时让更多的前端人员不再苦逼! 本站将不再支持IE9以下的版本!

QQ交流群

学习使人进步,交流让人提高!

Bootstrap/HTML5/CSS3交流群:233808496

Orchard/Nopcommerce/Umbraco交流群:187502451

Bootstrap/HTML5/CSS3交流二群:385480040