jQuery判斷對象是否存在的方法整理
本文實例講述了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 標識 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插件jqzoom實現(xiàn)的圖片放大鏡效果示例
這篇文章主要介紹了基于jQuery插件jqzoom實現(xiàn)的圖片放大鏡效果,結(jié)合實例形式分析了jQuery插件jqzoom的使用方法與相關(guān)注意事項,需要的朋友可以參考下2017-01-01jQuery+Cookie實現(xiàn)切換皮膚功能【附源碼下載】
這篇文章主要介紹了jQuery+Cookie實現(xiàn)切換皮膚功能,結(jié)合完整實例形式分析了jQuery結(jié)合cookie動態(tài)變換頁面元素樣式的相關(guān)操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2018-03-03