簡(jiǎn)單介紹一下Jquery的相關(guān)信息

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" 結(jié)尾的元素。 
　　更多詳細(xì)信息請(qǐng)參見(jiàn)jQuery API的Selectors部分
2、事件處理
直接綁定指定事件，事件類(lèi)型即方法名，支持click、focus、blur、submit等。 
　　$("#button").click(function(){ 
　　//script goes here 
　　}); 
　　用on來(lái)綁定事件，off來(lái)解綁事件，第一個(gè)參數(shù)為事件名，第二個(gè)參數(shù)為回調(diào)函數(shù)。1.7.2版本開(kāi)始支持。 
　　$("#button").on('click',function(){ 
　　//script goes here 
　　}); 
　　在1.7.1或更早版本，需要用bind/unbind（常規(guī)綁定），live/die（預(yù)綁定）來(lái)替代on/off。 
　　更多詳細(xì)信息請(qǐng)參見(jiàn)jQuery API的Events部分
3、動(dòng)態(tài)特效
　$("#msg").show("fast"); 
　　$("#msg").hide("slow"); 
　　$("#msg").fadeIn(); 
　　$("#msg").fadeOut(); 
　　以上代碼實(shí)現(xiàn)一個(gè)id為Msg的jQuery對(duì)象的漸入和淡出。函數(shù)接受的參數(shù)除了快慢等，還可以接收整型，作為漸入或淡出的完成時(shí)間，單位為ms。更多詳細(xì)信息請(qǐng)參見(jiàn)jQuery API的Effects部分

   --- 版權(quán)最終歸艾銻無(wú)限所有http://www.qiaojiaju.cn/ 如需轉(zhuǎn)載，請(qǐng)標(biāo)明出處。