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