資源描述：
《jquery基礎(chǔ)的工廠函數(shù)以及定時(shí)器的經(jīng)典實(shí)例分析_jquery》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在工程資料-天天文庫(kù)。
1、jQuery基礎(chǔ)的工廠函數(shù)以及定時(shí)器的經(jīng)典實(shí)例分析1.jQuery的基本信息：1.1定義：jQuery是JavaScript的程序庫(kù)之它是JavaScript對(duì)象和實(shí)用函數(shù)的封裝，1.2作用：許多使用JavaScript能實(shí)現(xiàn)的交互特效，使用JQuery都能完美地實(shí)現(xiàn)，下面通過(guò)五個(gè)用途來(lái)更多的了解。1.2.1訪問(wèn)和操作DOM元素1.2.2制作頁(yè)面樣式1.2.3對(duì)頁(yè)而時(shí)間的處理1.2.4方便地使用jQuery插件1.2.5與Ajax的完美結(jié)合1.3優(yōu)勢(shì)：想必有人就會(huì)問(wèn)了：為什么人們會(huì)更多的選擇jQ
2、uery呢？因?yàn)閖Query的主旨就是wrutcless,domore（以更少的代碼，實(shí)現(xiàn)更多的功能），它擁有著獨(dú)特的選擇器、鏈?zhǔn)讲僮?、事件處理機(jī)制和封裝、以及完善的Ajax都是其他JavaScript哭望成莫及的。2.jQuery的相關(guān)應(yīng)用：2.1如果想在頁(yè)面中引用jQuery庫(kù)，只需要將下載好的jQuery庫(kù)放在目錄js下即可，一般引用時(shí)都使用的相對(duì)路徑。jQuery的關(guān)鍵字〃$〃2.2相關(guān)函數(shù)的語(yǔ)法與案例2.2.1等待html頁(yè)面所有的文檔解析完畢后在運(yùn)行的函數(shù)模塊$(document).
3、ready(function(){alert(message);//函數(shù)、事件模塊})；//簡(jiǎn)寫(xiě)版$(function(){alert(message);//函數(shù)、事件模塊})；2.2.2工廠函數(shù)$()$()作用1：是將D0M對(duì)象轉(zhuǎn)化為jQuery對(duì)象，因?yàn)橹挥袑OM對(duì)象轉(zhuǎn)化為jQuery對(duì)象后，才能使用jQuery的方法(jQuery的方法都是特有的)$(function(){//將JQuery轉(zhuǎn)化為D0M對(duì)彖vardom二$[0];//然后才能調(diào)用D0M的屬性dom.inncrTcxt;/
4、/將DOM對(duì)象轉(zhuǎn)化為JQuery對(duì)象var$dom=$(dom);//用jQuery對(duì)象調(diào)用它的jQuerry的方法$dom.text();$()作用2：通過(guò)獲取選擇器名，然后給選擇器對(duì)應(yīng)的內(nèi)容注冊(cè)事件//鼠標(biāo)移到標(biāo)簽上和移開(kāi)的兩個(gè)事件//jQuery獨(dú)有的連綴效果$(function(){$("li").mouseover(function(){$(this).css(z，backgrouncT,"green〃)；}).mouseout(function(){//this,style,back
5、ground二〃“；this,style.cssText二^background:/z;})；})；〃單擊事件$(function(){$(z，h2，z).click(function(){$("h2")?css({"font-size":"50px","color":"red"});$(〃p〃).css({〃font-size〃：〃30px〃，"color":"red","padding-left〃：〃lpx〃，ine-height":〃30px〃});});});1.定時(shí)器的幾個(gè)經(jīng)典案例1.
6、1圖片自動(dòng)切換背景圖片輪換vari二1;functionmyinig(){〃通過(guò)i改變圖片的名稱(chēng)從而實(shí)現(xiàn)圖片自動(dòng)切換if(i<5){i++；}else{i=1；〃當(dāng)i超出是重新賦值使其實(shí)現(xiàn)循環(huán)切換圖片}〃通過(guò)id獲取圖片并給它的src屬性重新賦值vardom二d
7、ocument.getElementByld(〃id〃)；dom.src二'image/'+i+'?jpg';}//啟動(dòng)定時(shí)器，給它一定的時(shí)間(毫秒)setinterval(myimg,500);
