jQuery构造器

jQuery()构造函数能够接受任意类型的数据,但是能够解析的参数包括下面4种类型。

1、jQuery(expression,context)

参数为一个表达式,该表达式可以是ID、DOM元素名、CSS表达式、XPath表达式等,jQuery将根据表达式匹配文档中的元素,然后将找到的元素包装到一个jQuery对象中返回。

jQuery("div#wrap>p:first").addClass("red");

在表达式字符串中,div#wrap表示id为wrap的div元素,然后在该元素中匹配子元素p,最后筛选出第一个p元素。

2、jQuery(html)

参数表示一个HTML结构字符串,此时jQuery将创建一个对应结构的HTML文档片段。

$('ul').append($('<li>new item</li>'));

$('<li>new item</li>')将其中的字符串转换为DOM对象然后通过append()方法加入ul元素最后。

3、jQuery(elements)

参数是一个DOM元素对象或者集合,此时jQuery将DOM元素或集合中的DOM元素封装为jQuery对象。

$(document).ready(function(){

  $('ul').css('color','red');

});

jQuery构造函数吧document对象封装为一个jQuery对象,然后调用ready()方法。

4、jQuery(fn)

参数是一个处理函数。fn代表处理函数。

$(function(){

$('ul').css('color','red');

});