簡單介紹一下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://m.maosdadas.net/ 如需轉載，請標明出處。