3.2.1 jQuery核心函数
获取jQuery对象
jQuery()
函数是获取jQuery
对象的重要途径。该函数主要有如下用法。
jQuery(expression,[context])
:该函数会将expression
对应的DOM
对象包装成的jQuery
对象返回。其中expression
既支持CSS1
到CSS3
的选择器,也支持XPath
语法,功能非常丰富。由于expression
表达式可能对应单个DOM
元素,也可能对应多个DOM
元素,因此该方法可能返回将单个DOM
对象包装成的jQuery
对象,也可能返回将多个DOM
对象包装成的jQuery
对象。context
是个可选参数,如果指定了该参数,则表明仅获取context
的子元素。jQuery(elements)
:将一个或多个DOM
元素包装为jQuery
对象。elements
既可以是单个的DOM
对象,也可以是多个DOM
对象。该方法返回包装这些DOM
对象的jQuery
对象。jQuery(html,[ownerDocument])
:该函数根据html
参数(该参数是个HTML
字符串)创建一个或多个DOM
对象,返回包装这些DOM
对象的jQuery
对象。其中ownerDocument
是可选参数,指定使用ownerDocument
(document
对象)来创建DOM
对象。jQuery(html,props)
:该函数根据html
参数(该参数是个HTML
字符串)创建一个或多个DOM
对象,返回包装这些DOM
对象的jQuery
对象。其中props
是一个形如{prop:value,prop2:value}
的对象,该对象指定的属性将被附加到根据HTML
字符串所创建的DOM
对象上。jQuery(object)
:把普通对象包装成jQuery
对象。
程序示例
下面的代码示范了jQuery
函数的几种用法。
1 |
|
上面的代码在使用$()
函数获取了jQuery
对象之后,还调用了jQuery
对象的appendTo()
、append()
等方法,这些方法在后面会有更详细的介绍,此处不再赘述。
在页面中创建第二个按钮时为click
属性指定了事件处理函数,如果单击该页面上”有惊喜”按钮,将可以看到如图3.3所示对话框。
值得指出的是,在jQuery
的第一种用法jQuery(expression,[context])
中,需要指定一个expression
,该表达式能支持的形式相当多,下一节将详细介绍这些用法。
原文链接: 3.2.1 jQuery核心函数