0 Comments

jQuery构造函数

发布于:2013-05-28  |   作者:广州网站建设  |   已聚集:人围观
jQuery构造函数

jQuery把所有的操作都包装在一个jQuery()函数中,形成了统一(也是惟一)的操作入口,这为jQuery操作降低了门槛。jQuery ()构造函数能够接收任意类型的数据,但是能够解析的参数包括下面4种类型。

1. jQuery(expression,context)

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

广州网站建设,网站建设,广州网页设计,广州网站设计
  1. jQuery("div#wrap>p:first").addClass("red"); 

在表达式字符串中,div#wrap表示id为wrap的div元素,先在该元素中匹配子元素p,再筛选出第一个p元素。"div#wrap>p:first"是CSS表达式,如果使用XPath表达式表示,则应该为"div#wrap/p:first";:first是一个伪类,表示其中的第一个;addClass()为jQuery对象,用来添加CSS样式类的方法,相反操作的方法为removeClass()。

2. jQuery(html)

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


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

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

3. jQuery(elements)

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

广州网站建设,网站建设,广州网页设计,广州网站设计
  1. $(document).ready(function(){  
  2.     $('ul').css('color','red');  
  3. }); 

在上面示例中,jQuery构造函数把document对象封装为一个jQuery对象,然后调用ready()方法。ready事件处理函数为document对象绑定一个事件,当页面初始化之后将ul的颜色设置为红色。

4. jQuery(fn)

参数是一个处理函数。由于$(document).ready()频繁使用,所以jQuery又使用$(fn)来代替,fn表示处理函数。ready处理函数在文档内容完全载入之后执行,因此不需要等待外部链接文件载入完成,响应要比load事件早。例如,下面代码就是jQuery(fn)运用。

广州网站建设,网站建设,广州网页设计,广州网站设计
  1. $(function(){  
  2.     $('ul').css('color','red');  
  3. }); 
标签:
飞机