天天躁日日躁狠狠躁AV麻豆-天天躁人人躁人人躁狂躁-天天澡夜夜澡人人澡-天天影视香色欲综合网-国产成人女人在线视频观看-国产成人女人视频在线观看

了解jQuery技巧來提高你的代碼

  jQuery之所以如此流行并被從大公司到個(gè)人博客的幾乎每個(gè)人都廣泛使用,是因?yàn)樗鲜趾褪褂孟喈?dāng)簡(jiǎn)單,而且為我們提供了一些人都不知道的相當(dāng)棒的特性。我認(rèn)為jQuery的大多數(shù)用戶更趨向于使用jQuery插件來解決面臨的難題,這通常是明智的選擇。但是當(dāng)插件相對(duì)于你的需求有一定缺陷的時(shí)候,你也許更應(yīng)該想辦法自己來解決,下面來看看這些實(shí)用的jQuery技巧,他們肯定會(huì)能夠派上用場(chǎng)的!

  1.測(cè)試并提升你的jQuery選擇器水平

  這個(gè)jQuery選擇器實(shí)驗(yàn)室非常酷,它能在線免費(fèi)使用,當(dāng)然你也能下來到本地離線使用。這個(gè)測(cè)試頁(yè)面包含復(fù)雜的HTML組合字段,然后你能嘗試預(yù)定義使用各種jQuery選擇器。如果這還不夠你也可以自定義選擇器。

  2.測(cè)試jQuery包裝集是否包含某些元素

  如果你想測(cè)試一下某個(gè)jQuery包裝集中是否包含某些元素,你首先可以嘗試使用驗(yàn)證首個(gè)元素是否存在:

if($(selector)[0]){}
// 或者這樣
if($(selector).length){}

  4.存儲(chǔ)數(shù)據(jù)
  使用data方法可以避免在DOM中存儲(chǔ)數(shù)據(jù),有些前端開發(fā)er喜歡使用HTML的屬性來存儲(chǔ)數(shù)據(jù):

$('selector').attr('alt', 'data being stored');
//之后可以這樣讀取數(shù)據(jù):
$('selector').attr('alt');

  6.在FireBug控制臺(tái)記錄jQuery

  FireBug是我最喜歡用的一個(gè)瀏覽器擴(kuò)展工具之一,這個(gè)工具可以讓你快速的在可視化界面中了解當(dāng)前頁(yè)面的HTML+CSS+JavaScript,并在該工具下完成即時(shí)開發(fā)。作為jQuery或JavaScript開發(fā)人員,F(xiàn)ireFox對(duì)于 記錄你的JavaScript代碼 也得到支持。

  寫入FireBug控制臺(tái)的最簡(jiǎn)單方式如下:

  9.綁定jQuery函數(shù)到$(window).load事件

  大多數(shù)jQuery實(shí)例或教程都告訴我們綁定我們的jQuery代碼到$(document).ready事件。雖然$(document).ready事件在大多數(shù)情況下都OK,但是它的解析順序是在文檔準(zhǔn)備就緒,單文檔中的圖片等對(duì)象正在下載的時(shí)候開始運(yùn)行的。所以在某些時(shí)候使用$(document).ready事件并不一定能達(dá)到我們預(yù)期的效果,比如一些視覺效果和動(dòng)畫、拖拽、預(yù)讀取隱藏圖片等…通過使用$(window).load事件便可以安全的在整個(gè)文檔都準(zhǔn)備就緒之后再開始運(yùn)行你期望的代碼。

$(window).load(function(){
// 將你希望在頁(yè)面完全就緒之后運(yùn)行的代碼放在這里
});

  12.學(xué)會(huì)使用自定義選擇器

  jQuery允許我們?cè)赾ss選擇器的基礎(chǔ)上定義自定義選擇器來讓我們的代碼更簡(jiǎn)潔:

$.expr[':'].mycustomselector= function(element, index, meta, stack){
// element- DOM元素
// index - 堆棧中當(dāng)前遍歷的索引值
// meta - 關(guān)于你的選擇器的數(shù)據(jù)元
// stack - 用于遍歷所有元素的堆棧

// 包含當(dāng)前元素則返回true
// 不包含當(dāng)前元素則返回false
};

// 自定義選擇器的應(yīng)用:
$('.someClasses:test').doSomething();

it知識(shí)庫(kù)了解jQuery技巧來提高你的代碼,轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 亚洲精品日韩在线观看视频 | 小小水蜜桃视频高清在线观看免费 | 啊…嗯啊好深男男高h文 | 色欲AV精品一区二区入口 | 亚洲日本一区二区三区在线不卡 | 纲手裸乳被爆白浆 | 国产亚洲日韩欧美视频 | a色毛片免费视频 | 网红主播 国产精品 开放90后 | 国产精品无码AV天天爽人妻蜜桃 | 免费在线视频a | 亚洲AVAV天堂AV在线网爱情 | 午夜无码片在线观看影院 | 亚洲国产高清在线 | 国产精品自在自线亚洲 | 挠黑色超薄丝袜脚心vk40分钟 | 一级片mp4| adc影院欢迎您大驾光临入口 | 精品爽爽久久久久久蜜臀 | 日本VA在线视频播放 | 麻豆高潮AV久久久久久久 | 花蝴蝶高清影视视频在线播放 | 亚洲国产成人精品久久久久 | 国产69精品久久久久妇女 | 国产午夜亚洲精品理论片八戒 | 亚洲 在线 日韩 欧美 | 黄色天堂网 | 午夜性色一区二区三区不卡视频 | 麻豆免费观看高清完整视频在线 | 疯狂第一次国语 | 韩国和日本免费不卡在线 | 成人精品视频在线观看播放 | 九九热在线观看 | WWW亚洲精品久久久无码 | 不良网站进入窗口软件下载免费 | 国产精品人妻一区免费看8C0M | 久久精品免费电影 | 超碰97视频在线观看 | 欧美丰满熟妇无码XOXOXO | 草民电影网午夜伦理电影网 | 男人女人边摸边吃奶边做 |