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