欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

完善的jquery處理機(jī)制

 更新時(shí)間:2016年02月21日 08:51:33   投稿:lijiao  
這篇文章主要為大家詳細(xì)介紹了完善的jquery處理機(jī)制的相關(guān)資料,感興趣的小伙伴們可以參考一下

使用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è)中沒有ID為div的元素。

改進(jìn)后代碼如下:

<script>
   if(document.getElementById("div")){ //用了IF語(yǔ)句來判斷是否有ID為div的元素,如果有,執(zhí)行下面代碼 
    document.getElementById("div").style.color ="red"
   }
</script>

這樣就可以避免游覽器報(bào)錯(cuò),但如果要操作的元素很多,可能對(duì)每個(gè)元素都要進(jìn)行一次判斷,而jquery方面問題上的處理是非常不錯(cuò)的,即使用JQUERY獲取網(wǎng)頁(yè)中不存在的元素也不會(huì)報(bào)錯(cuò)。

代碼如下:

 <script>
  $("#div").css("color","red");
 </script>

有了這個(gè)預(yù)防措施,即使以后因?yàn)槟撤N原因刪除網(wǎng)頁(yè)上某個(gè)以前使用過的元素,也不用擔(dān)心這個(gè)網(wǎng)頁(yè)的JavaScript會(huì)報(bào)錯(cuò)。

注意點(diǎn):

$("div")獲取的永遠(yuǎn)是jquery對(duì)象,即使網(wǎng)頁(yè)上沒有此元素。因此當(dāng)要用jquery檢查某個(gè)元素在網(wǎng)頁(yè)上是否存在時(shí)。

不能使用以下代碼:

<script>
 if($("#div")){
   $("#div").css("color",red) //這樣游覽器會(huì)報(bào)錯(cuò)
  }
</script>

而是應(yīng)該跟獲取長(zhǎng)度來判斷。

代碼如下:

<script>
 if($("#div").length >0){
   $("#div").css("color",red)
 }
</script>

這時(shí)候也可以轉(zhuǎn)化為DOM對(duì)象來判斷。

代碼如下:

<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)文章

最新評(píng)論