jQuery判斷對(duì)象是否存在的方法整理
本文實(shí)例講述了jQuery判斷對(duì)象是否存在的方法。分享給大家供大家參考。具體如下:
一、傳統(tǒng)Javascript的寫(xiě)法
obj = document.getElementById("someID"); if (obj){ obj.innerText("hi"); }
在jQuery中,var obj = $("#id")無(wú)論id這個(gè)控件是否存在,都是返回object,這樣可就無(wú)法使用if(obj)來(lái)判斷這個(gè)控件是否存在了
二、jQuery判斷對(duì)象是否存在
jQuery的length屬性
jQuery提供了一種簡(jiǎn)單的方法來(lái)判斷對(duì)象是否存在,即使用jQuery的length屬性,它可以用來(lái)檢查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()方法,它可以用來(lái)檢查jQuery對(duì)象是否存在,如果對(duì)象存在,is()方法返回的值將是true,如果對(duì)象不存在,is()方法返回的值將是false。
// 例如: if ($("#content").is(':visible')) { // 對(duì)象存在 } else { // 對(duì)象不存在 }
效果圖
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
jQuery過(guò)濾選擇器經(jīng)典應(yīng)用
這篇文章主要為大家詳細(xì)介紹了jQuery過(guò)濾選擇器經(jīng)典應(yīng)用,具有一定的實(shí)用性,感興趣的小伙伴們可以參考一下2016-08-08jquery 為a標(biāo)簽綁定click事件示例代碼
jquery 為a標(biāo)簽綁定click事件,當(dāng)被點(diǎn)擊時(shí)執(zhí)行一些動(dòng)作,示例代碼如下,需要的朋友可以參考參考2014-06-06基于jQuery插件jqzoom實(shí)現(xiàn)的圖片放大鏡效果示例
這篇文章主要介紹了基于jQuery插件jqzoom實(shí)現(xiàn)的圖片放大鏡效果,結(jié)合實(shí)例形式分析了jQuery插件jqzoom的使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-01-01JQuery與Ajax常用代碼實(shí)現(xiàn)對(duì)比
JQuery與Ajax常用代碼實(shí)現(xiàn)對(duì)比,大家可以看下,根據(jù)實(shí)際情況選用。2009-10-10jQuery+Cookie實(shí)現(xiàn)切換皮膚功能【附源碼下載】
這篇文章主要介紹了jQuery+Cookie實(shí)現(xiàn)切換皮膚功能,結(jié)合完整實(shí)例形式分析了jQuery結(jié)合cookie動(dòng)態(tài)變換頁(yè)面元素樣式的相關(guān)操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2018-03-03jquery實(shí)現(xiàn)的橫向二級(jí)導(dǎo)航效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)的橫向二級(jí)導(dǎo)航效果代碼,可實(shí)現(xiàn)鼠標(biāo)滑過(guò)導(dǎo)航出現(xiàn)下拉菜單切換的效果,非常簡(jiǎn)潔自然,涉及jquery鼠標(biāo)hover事件及頁(yè)面元素樣式的動(dòng)態(tài)改變技巧,需要的朋友可以參考下2015-08-08jQuery實(shí)現(xiàn)默認(rèn)是閉合的FAQ展開(kāi)效果菜單
這篇文章主要介紹了jQuery實(shí)現(xiàn)默認(rèn)是閉合的FAQ展開(kāi)效果菜單,涉及jQuery中slideUp及slideDown用法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09