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');
});