简单介绍一下Jquery的相关信息

2013-04-17 13:21 作者：zhou 浏览量：

1、选择器
jQuery 使用 sizzle引擎，支持css选取，Xpath选取等方式。 
　　$("p") 选取全部 <p> 元素。 
　　$("p.intro") 选取所有包含class为"intro"的 <p> 元素。 
　　$("p#demo") 选取 id为"demo" 的 <p> 元素。 
　　$("[href]") 选取所有带有 href 属性的元素。 
　　$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。 
　　$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。 
　　$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。 
　　更多详细信息请参见jQuery API的Selectors部分
2、事件处理
直接绑定指定事件，事件类型即方法名，支持click、focus、blur、submit等。 
　　$("#button").click(function(){ 
　　//script goes here 
　　}); 
　　用on来绑定事件，off来解绑事件，第一个参数为事件名，第二个参数为回调函数。1.7.2版本开始支持。 
　　$("#button").on('click',function(){ 
　　//script goes here 
　　}); 
　　在1.7.1或更早版本，需要用bind/unbind（常规绑定），live/die（预绑定）来替代on/off。 
　　更多详细信息请参见jQuery API的Events部分
3、动态特效
　$("#msg").show("fast"); 
　　$("#msg").hide("slow"); 
　　$("#msg").fadeIn(); 
　　$("#msg").fadeOut(); 
　　以上代码实现一个id为Msg的jQuery对象的渐入和淡出。函数接受的参数除了快慢等，还可以接收整型，作为渐入或淡出的完成时间，单位为ms。更多详细信息请参见jQuery API的Effects部分

   --- 版权最终归艾锑无限所有http://www.itbmw.com/ 如需转载，请标明出处。