資源描述:
《jquery基礎(chǔ)的工廠函數(shù)以及定時(shí)器的經(jīng)典實(shí)例分析》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫(kù)。
1、我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識(shí)是在這次中級(jí)黨校的培訓(xùn)班上。通過(guò)學(xué)習(xí),了解了黨的發(fā)展歷程,對(duì)黨的性質(zhì)、宗旨、任務(wù)等基本知識(shí)有了進(jìn)一步的了解jQuery基礎(chǔ)的工廠函數(shù)以及定時(shí)器的經(jīng)典實(shí)例分析 下面小編就為大家?guī)?lái)一篇jQuery基礎(chǔ)的工廠函數(shù)以及定時(shí)器的經(jīng)典實(shí)例分析?! ?.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.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ì)更多的選擇jQuery呢?因?yàn)閖Query的主旨就是wruteless,domore(以更少的代碼,實(shí)現(xiàn)更多的功能), 它擁有著獨(dú)特的選擇器、鏈?zhǔn)讲僮?、事件處理機(jī)制和封裝、以及完善的Ajax都是其他JavaScript哭望成莫及的?! ?.jQuery的相關(guān)應(yīng)用: 2.1對(duì)黨的認(rèn)識(shí)也有了進(jìn)一步的提高。才真正體會(huì)到了中國(guó)共產(chǎn)黨的偉大、光榮和正確,更感到只有中國(guó)共產(chǎn)黨是全中國(guó)最廣大人民利益的忠實(shí)代表我真正系
3、統(tǒng)地接觸和學(xué)習(xí)黨的基本知識(shí)是在這次中級(jí)黨校的培訓(xùn)班上。通過(guò)學(xué)習(xí),了解了黨的發(fā)展歷程,對(duì)黨的性質(zhì)、宗旨、任務(wù)等基本知識(shí)有了進(jìn)一步的了解如果想在頁(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).ready(function(){ ??alert(message);//函數(shù)、事件模塊 ?}); //簡(jiǎn)寫版 $(function(){ ??alert(message);
4、//函數(shù)、事件模塊 }); 2.2.2工廠函數(shù)$() $()作用1:是將DOM對(duì)象轉(zhuǎn)化為jQuery對(duì)象,因?yàn)橹挥袑OM對(duì)象轉(zhuǎn)化為jQuery對(duì)象后,才能使用jQuery的方法(jQuery的方法都是特有的) $(function(){ ???//將jQuery轉(zhuǎn)化為DOM對(duì)象 ???vardom=$("#mli")[0]; ???//然后才能調(diào)用DOM的屬性 ???dom.innerText; ???//將DOM對(duì)象轉(zhuǎn)化為jQuery對(duì)象對(duì)黨的認(rèn)識(shí)也有了進(jìn)一步的提高。才真正體會(huì)到了中國(guó)共產(chǎn)黨的偉大、光榮和正確,更感到只有中國(guó)共產(chǎn)黨是全中國(guó)最廣大人民利
5、益的忠實(shí)代表我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識(shí)是在這次中級(jí)黨校的培訓(xùn)班上。通過(guò)學(xué)習(xí),了解了黨的發(fā)展歷程,對(duì)黨的性質(zhì)、宗旨、任務(wù)等基本知識(shí)有了進(jìn)一步的了解 ???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("backg
6、round","green"); ???}).mouseout(function(){ ????//this.style.background=""; ????this.style.cssText="background:"; ???}); ??}); //單擊事件 ?$(function(){ ???$("h2").click(function(){ ????$("h2").css({"font-size":"50px","color":"red"}); ????$("p").css({"font-size":"30px","color":對(duì)黨的認(rèn)識(shí)
7、也有了進(jìn)一步的提高。才真正體會(huì)到了中國(guó)共產(chǎn)黨的偉大、光榮和正確,更感到只有中國(guó)共產(chǎn)黨是全中國(guó)最廣大人民利益的忠實(shí)代表我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識(shí)是在這次中級(jí)黨校的培訓(xùn)班上。通過(guò)學(xué)習(xí),了解了黨的發(fā)展歷程,對(duì)黨的性質(zhì)、宗旨、任務(wù)等基本知識(shí)有了進(jìn)一步的了解"red","padding-left":"1px","line-height":"30px"}); ???}); ??}); 3.定時(shí)器的幾個(gè)經(jīng)典案例 3.1圖片自動(dòng)切換 ?背景圖片輪換 ? ??vari=1; ??functionmyimg(){