jquery教程14個(gè)實(shí)用jquery技巧

jquery教程14個(gè)實(shí)用jquery技巧

ID:19873317

大?。?9.50 KB

頁(yè)數(shù):8頁(yè)

時(shí)間:2018-10-07

jquery教程14個(gè)實(shí)用jquery技巧_第1頁(yè)
jquery教程14個(gè)實(shí)用jquery技巧_第2頁(yè)
jquery教程14個(gè)實(shí)用jquery技巧_第3頁(yè)
jquery教程14個(gè)實(shí)用jquery技巧_第4頁(yè)
jquery教程14個(gè)實(shí)用jquery技巧_第5頁(yè)
資源描述:

《jquery教程14個(gè)實(shí)用jquery技巧》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。

1、jQuery之所以如此流行并被從大公司到個(gè)人博客的幾乎每個(gè)人都廣泛使用,是因?yàn)樗鲜趾褪褂孟喈?dāng)簡(jiǎn)單,而且為我們提供了一些人都不知道的相當(dāng)棒的特性。我認(rèn)為jQuery的大多數(shù)用戶更趨向于使用jQuery插件來(lái)解決面臨的難題,這通常是明智的選擇。但是當(dāng)插件相對(duì)于你的需求有一定缺陷的時(shí)候,你也許更應(yīng)該想辦法自己來(lái)解決,下面來(lái)看看這些實(shí)用的jQuery技巧,他們肯定會(huì)能夠派上用場(chǎng)的!1.測(cè)試并提升你的jQuery選擇器水平這個(gè)jQuery選擇器實(shí)驗(yàn)室非???,它能在線免費(fèi)使用,當(dāng)然你也能下來(lái)到本地離線使用。這個(gè)測(cè)試頁(yè)面包含復(fù)雜的HTML組合字段,然后你能嘗試預(yù)定義使用各種j

2、Query選擇器。如果這還不夠你也可以自定義選擇器。2.測(cè)試jQuery包裝集是否包含某些元素如果你想測(cè)試一下某個(gè)jQuery包裝集中是否包含某些元素,你首先可以嘗試使用驗(yàn)證首個(gè)元素是否存在:if($(selector)[0]){...}//或者這樣if($(selector).length){...}來(lái)看看這個(gè)例子://例子.如果你的頁(yè)面有以下html代碼

  • ItemX
  • 3、i>ItemY

  • ItemZ
  • ...//這個(gè)if條件將返回true,因?yàn)槲覀冇袃蓚€(gè)//input域匹配了選擇器,所以代碼將會(huì)執(zhí)行if($('#shopping_cart_itemsinput.in_st

    4、ock')[0]){}3.從jquery.org讀取jQuery最新版本你可以使用這句代碼讀取jQuery的最新版本的代碼文件。你可以使用這個(gè)方法來(lái)調(diào)用最近版本的jQuery框架,當(dāng)然,你還可以使用下面這個(gè)代碼從ajax.googleapis.com調(diào)用同樣的最新版本jQuery:

    5、n.js"type="text/javascript">4.存儲(chǔ)數(shù)據(jù)使用data方法可以避免在DOM中存儲(chǔ)數(shù)據(jù),有些前端開發(fā)er喜歡使用HTML的屬性來(lái)存儲(chǔ)數(shù)據(jù):$('selector').attr('alt','databeingstored');//之后可以這樣讀取數(shù)據(jù):$('selector').attr('alt');使用”alt”屬性來(lái)作為參數(shù)名存儲(chǔ)數(shù)據(jù)其實(shí)對(duì)于HTML來(lái)說(shuō)是不符合語(yǔ)義的,我們可以使用jQuery的data方法來(lái)為頁(yè)面中的某個(gè)元素存儲(chǔ)數(shù)據(jù):$('selector').data('參數(shù)名','要存儲(chǔ)的數(shù)據(jù)');//之后這樣

    6、取得數(shù)據(jù):$('selector').data('參數(shù)');這個(gè)data方法能讓你自己明明數(shù)據(jù)的參數(shù),更語(yǔ)義更靈活,你可以在頁(yè)面上的任何元素存儲(chǔ)數(shù)據(jù)信息。如果想了解更多關(guān)于data()和removeData()方法的介紹,可以看看jQuery官方講解這個(gè)方法的經(jīng)典應(yīng)用是給input域一個(gè)默認(rèn)值,然后在聚焦的時(shí)候清空它:HTML部分:

    7、edonlyonce"/>JavaSript部分:$(function(){//取出有clear類的input域//(注:"clearonce"是兩個(gè)classclear和once)$('#testforminput.clear').each(function(){//使用data方法存儲(chǔ)數(shù)據(jù)$(this).data("txt",$.trim($(this).val()));}).focus(function(){//獲得焦點(diǎn)時(shí)判斷域內(nèi)的值是否和默認(rèn)值相同,如果相同則清空if(

    8、$.tri

    當(dāng)前文檔最多預(yù)覽五頁(yè),下載文檔查看全文

    此文檔下載收益歸作者所有

    當(dāng)前文檔最多預(yù)覽五頁(yè),下載文檔查看全文
    溫馨提示:
    1. 部分包含數(shù)學(xué)公式或PPT動(dòng)畫的文件,查看預(yù)覽時(shí)可能會(huì)顯示錯(cuò)亂或異常,文件下載后無(wú)此問(wèn)題,請(qǐng)放心下載。
    2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫(kù)負(fù)責(zé)整理代發(fā)布。如果您對(duì)本文檔版權(quán)有爭(zhēng)議請(qǐng)及時(shí)聯(lián)系客服。
    3. 下載前請(qǐng)仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
    4. 下載文檔時(shí)可能由于網(wǎng)絡(luò)波動(dòng)等原因無(wú)法下載或下載錯(cuò)誤,付費(fèi)完成后未能成功下載的用戶請(qǐng)聯(lián)系客服處理。