完善的jquery處理機(jī)制
使用jQuery選擇器不僅比使用傳統(tǒng)的getElementById()和getElementsByTagName()函數(shù)簡(jiǎn)潔得多，而且還能避免某些錯(cuò)誤。請(qǐng)看下面例子：
<script>
document.getElementById("div").style.color ="red";
</script>
運(yùn)行上面代碼后，瀏覽器就會(huì)報(bào)錯(cuò)，原因是網(wǎng)頁(yè)中沒(méi)有ID為div的元素。
改進(jìn)后代碼如下：
<script>
if(document.getElementById("div")){ //用了IF語(yǔ)句來(lái)判斷是否有ID為div的元素，如果有，執(zhí)行下面代碼
document.getElementById("div").style.color ="red"
}
</script>
這樣就可以避免游覽器報(bào)錯(cuò)，但如果要操作的元素很多，可能對(duì)每個(gè)元素都要進(jìn)行一次判斷，而jquery方面問(wèn)題上的處理是非常不錯(cuò)的，即使用JQUERY獲取網(wǎng)頁(yè)中不存在的元素也不會(huì)報(bào)錯(cuò)。
代碼如下：
<script>
$("#div").css("color","red");
</script>
有了這個(gè)預(yù)防措施，即使以后因?yàn)槟撤N原因刪除網(wǎng)頁(yè)上某個(gè)以前使用過(guò)的元素，也不用擔(dān)心這個(gè)網(wǎng)頁(yè)的JavaScript會(huì)報(bào)錯(cuò)。
注意點(diǎn)：
$("div")獲取的永遠(yuǎn)是jquery對(duì)象，即使網(wǎng)頁(yè)上沒(méi)有此元素。因此當(dāng)要用jquery檢查某個(gè)元素在網(wǎng)頁(yè)上是否存在時(shí)。
不能使用以下代碼：
<script>
if($("#div")){
$("#div").css("color",red) //這樣游覽器會(huì)報(bào)錯(cuò)
}
</script>
而是應(yīng)該跟獲取長(zhǎng)度來(lái)判斷。
代碼如下：
<script>
if($("#div").length >0){
$("#div").css("color",red)
}
</script>
這時(shí)候也可以轉(zhuǎn)化為DOM對(duì)象來(lái)判斷。
代碼如下：
<body>
<div id="div">ccccccc</div>
<script src="jquery-2.1.4.min.js"></script>
<script>
var $div = $("#div");
var div = $div[0];
if(div){
$div.css("color","red") //此時(shí)DIV的顏色就變?yōu)閞ed
}
</script>
</body>
這就是jquery完善的處理機(jī)制的，希望對(duì)大家學(xué)習(xí)jquery程序設(shè)計(jì)有所幫助。
相關(guān)文章
jQuery中hover方法搭配css的hover選擇器,實(shí)現(xiàn)選中元素突出顯示方法
下面小編就為大家?guī)?lái)一篇jQuery中hover方法搭配css的hover選擇器,實(shí)現(xiàn)選中元素突出顯示方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-05-05
jQuery實(shí)現(xiàn)獲取form表單內(nèi)容及綁定數(shù)據(jù)到form表單操作分析
這篇文章主要介紹了jQuery實(shí)現(xiàn)獲取form表單內(nèi)容及綁定數(shù)據(jù)到form表單操作,結(jié)合jQuery封裝插件操作分析了jQuery針對(duì)form表單的serializeJson數(shù)據(jù)獲取及setForm數(shù)據(jù)綁定相關(guān)操作技巧,需要的朋友可以參考下2018-07-07
jQuery訪問(wèn)瀏覽器本地存儲(chǔ)cookie、localStorage和sessionStorage的基本用法
cookie，localStorage和sessionStorage都是瀏覽器本地存儲(chǔ)數(shù)據(jù)的地方,其用法不盡相同，今天小編通過(guò)本文給大家分享jQuery訪問(wèn)瀏覽器本地存儲(chǔ)cookie、localStorage和sessionStorage的基本用法，需要的朋友參考下吧2017-10-10
jquery代碼實(shí)現(xiàn)簡(jiǎn)單的隨機(jī)圖片瀑布流效果
瀑布流布局最近真的很流行，很多人都跟我一樣想知道是怎么做出來(lái)的吧，經(jīng)過(guò)網(wǎng)上搜索大量的參考結(jié)合N邊的實(shí)驗(yàn)今天終于被我寫(xiě)出來(lái)了,這里分享給大家，有需要的小伙伴參考下吧。2015-04-04
Jquery實(shí)現(xiàn)地鐵線路指示燈提示牌效果的方法
這篇文章主要介紹了Jquery實(shí)現(xiàn)地鐵線路指示燈提示牌效果的方法,實(shí)例分析了jQuery動(dòng)態(tài)顯示特效的使用技巧,需要的朋友可以參考下2015-03-03
如何使用CSS3和JQuery easing 插件制作絢麗菜單
這篇文章主要介紹了如何使用CSS3和JQuery easing 插件制作絢麗菜單，這樣做可以讓有菜單的盒子滑出，并且彈出縮略圖。在某些菜單項(xiàng)中我們還包含著有進(jìn)一步鏈接的子菜單。取決于我們鼠標(biāo)在菜單項(xiàng)上的停懸，子菜單將向左或向右滑動(dòng)。,需要的朋友可以參考下2019-06-06
本篇文章主要是對(duì)jQuery選擇器進(jìn)行了全面的總結(jié)介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-01-01
jquery如何解決resize執(zhí)行兩次的問(wèn)題
這篇文章主要介紹了jquery如何解決resize執(zhí)行兩次的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-07-07
基于jquery實(shí)現(xiàn)鼠標(biāo)左右拖動(dòng)滑塊滑動(dòng)附源碼下載
這篇文章主要介紹了基于jquery實(shí)現(xiàn)鼠標(biāo)左右拖動(dòng)滑塊滑動(dòng)附源碼下載 的相關(guān)資料,需要的朋友可以參考下2015-12-12
一個(gè)JQuery寫(xiě)的點(diǎn)擊上下滾動(dòng)的小例子
分享一個(gè)JQuery寫(xiě)的點(diǎn)擊上下滾動(dòng)的小例子，學(xué)習(xí)jquery的朋友可以參考下。2011-08-08