這篇文章給大家分享的是有關(guān)jQuery如何避免重復(fù)選擇的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)公司堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的徽縣網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

 避免重復(fù)選擇

很少需要重復(fù)使用同樣的選擇器兩次。下面的代碼對(duì)每一個(gè)p標(biāo)簽都選擇了3次：

$("p").css("color", "blue");
$("p").css("font-size", "1.2em");
$("p").text("Text changed!");

記住jQuery支持鏈?zhǔn)讲僮?；多個(gè)方法可以應(yīng)用于同一個(gè)集合之上。因此，同樣效果的代碼可以通過單一的選擇器重寫：

$("p").css({ "color": "blue", "font-size": "1.2em"}).text("Text changed!");

如果需要多次使用同一組元素集合，你應(yīng)該將jQuery對(duì)象使用變量加以緩存，例如：

var $p = $("p");
$p.css("color", "blue");
$p.text("Text changed!");

與標(biāo)準(zhǔn)的DOM集合不同，jQuery集合并不是實(shí)時(shí)的，并且對(duì)象不會(huì)在paragraph標(biāo)簽從文檔中新增或者移除時(shí)自動(dòng)更新。你可以利用這個(gè)限制，創(chuàng)建DOM集合，并在需要時(shí)將其傳遞給jQuery函數(shù)，例如：

var p = document.getElementByTagName("p");
$(p).css("color", "blue");
// update the DOM
$(p).text("Text changed!");

感謝各位的閱讀！關(guān)于“jQuery如何避免重復(fù)選擇”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！