jQuery判斷對象是否存在的方法整理
更新時間：2023年06月05日 12:13:09 作者：whazhl
這篇文章主要介紹了jQuery判斷對象是否存在的方法,對比分析了純javascript與jQuery實現(xiàn)判斷對象是否存在的功能區(qū)別,是非常實用的技巧,需要的朋友可以參考下
本文實例講述了jQuery判斷對象是否存在的方法。分享給大家供大家參考。具體如下：
一、傳統(tǒng)Javascript的寫法
obj = document.getElementById("someID");
if (obj){
obj.innerText("hi");
}
在jQuery中，var obj = $("#id")無論id這個控件是否存在，都是返回object，這樣可就無法使用if(obj)來判斷這個控件是否存在了
二、jQuery判斷對象是否存在
jQuery的length屬性
jQuery提供了一種簡單的方法來判斷對象是否存在，即使用jQuery的length屬性，它可以用來檢查jQuery對象中的元素數(shù)量，如果對象存在，length屬性返回的值將大于0，如果對象不存在，length屬性返回的值將為0。
if ($('#content').length > 0) {
//如果大于0 標(biāo)識 id 為target_obj_id的對象存在，否則不存在
//對象存在的處理邏輯
} else {
//對象不存在的處理邏輯
}jQuery的size()方法
jQuery還提供了另一種判斷對象是否存在的方法，即使用jQuery的size()方法，它返回的是jQuery對象中元素的數(shù)量，如果對象存在，size()方法返回的值將大于0，如果對象不存在，size()方法返回的值將為0。
// 例如：
if ($("#content").size() > 0) {
// 對象存在
} else {
// 對象不存在
}jquery的[0]元素
if ($('#content')[0]) {
//對象存在的處理邏輯
} else {
//對象不存在的處理邏輯
}jQuery的is()方法
jQuery還提供了另一種更高級的判斷對象是否存在的方法，即使用jQuery的is()方法，它可以用來檢查jQuery對象是否存在，如果對象存在，is()方法返回的值將是true，如果對象不存在，is()方法返回的值將是false。
// 例如：
if ($("#content").is(':visible')) {
// 對象存在
} else {
// 對象不存在
}效果圖
希望本文所述對大家的jQuery程序設(shè)計有所幫助。
相關(guān)文章
這篇文章主要介紹了jQuery實現(xiàn)磁力圖片跟隨效果,結(jié)合完整實例形式分析了jQuery事件響應(yīng)及animate方法實現(xiàn)帶緩沖效果的圖片跟隨效果,需要的朋友可以參考下2016-09-09
修改jQuery.Autocomplete插件 支持中文輸入法 避免TAB、ENTER鍵失效、導(dǎo)致表單提交
jQuery.Autocomplete 是jquery的流行插件，能夠很好的實現(xiàn)輸入框的自動完成(autocomplete)、建議提示(input suggest)功能，支持ajax數(shù)據(jù)加載。2009-10-10
這篇文章主要介紹了jquery實現(xiàn)仿新浪微博評論滾動效果,基于jquery實現(xiàn)頁面圖文定時滾動效果,涉及jquery頁面元素的遍歷與樣式的動態(tài)操作技巧,是一款經(jīng)典的jquery滾動特效,非常具有實用價值,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了jQuery實現(xiàn)切換字體大小的方法,實例分析了jQuery操作字體css樣式的技巧,需要的朋友可以參考下2015-03-03
JQuery 設(shè)置checkbox值二次無效的解決方法
下面小編就為大家?guī)硪黄狫Query 設(shè)置checkbox值二次無效的解決方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
本文給大家介紹基于jquery代碼實現(xiàn)的全選全不選反選實例代碼，代碼簡單易懂，非常實用，感興趣的一起學(xué)習(xí)吧2015-11-11
這篇文章主要為大家詳細(xì)介紹了jQuery多選框選擇數(shù)量限制方法，最多選擇 三項 的上限已滿, 其他選項將會變?yōu)椴豢蛇x2017-02-02
這篇文章主要介紹了jQuery必不可少的小技巧，這些小技巧就像是創(chuàng)建的快捷方式，可以幫助大家快速開發(fā)，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要為大家詳細(xì)介紹了jquery仿京東商品瀏覽頁面，鼠標(biāo)放在圖片上實現(xiàn)放大效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
這篇文章主要為大家詳細(xì)介紹了基于jquery實現(xiàn)無限級樹形菜單的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-03-03