jQuery檢測某個(gè)元素是否存在代碼分享
更新時(shí)間：2015年07月09日 10:01:30 投稿：hebedich
本文給大家講解的是使用jQuery檢測某個(gè)元素是否存在的代碼和思路，十分的實(shí)用，有需要的小伙伴可以參考下。
代碼中可能有這樣的情況，根據(jù)元素是否存在來執(zhí)行不同的操作，這樣就需要判斷指定的元素是否存在。
使用$(selector)可以獲得匹配元素集合，而匹配元素集合的length屬性可以獲得集合中匹配元素的個(gè)數(shù)，所以只要判斷l(xiāng)ength屬性值是否為零，就可以判斷元素是否存在。代碼實(shí)例如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#check").click(function(){
if($(".mytest").length>0){
alert("此元素存在");
}
})
})
</script>
<body>
<ul>
<li>太陽出來了</li>
<li>腳本之家</li>
<li class="mytest">div+css教程</li>
</ul>
<button id="check">點(diǎn)擊檢測</button>
</body>
</html>
如果集合中元素的數(shù)量大于零，那么元素存在，否則指定元素不存在。
以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡
相關(guān)文章
jQuery 中$(this).index與$.each的使用指南
這篇文章主要介紹了jQuery 中$(this).index與$.each的使用方法，以及使用環(huán)境，有需要的小伙伴自己參考下吧2014-11-11
jquery實(shí)現(xiàn)具有收縮功能的垂直導(dǎo)航菜單
這篇文章主要介紹了jquery實(shí)現(xiàn)具有收縮功能的垂直導(dǎo)航菜單點(diǎn)擊可以展開折疊的導(dǎo)航菜單，感興趣的小伙伴們可以參考一下2016-02-02
解決jquery的ajax調(diào)取后端數(shù)據(jù)成功卻渲染失敗的問題
今天小編就為大家分享一篇解決jquery的ajax調(diào)取后端數(shù)據(jù)成功卻渲染失敗的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)圖片輪播效果代碼,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
jQuery--遍歷操作實(shí)例小結(jié)【后代、同胞及過濾】
這篇文章主要介紹了jQuery 遍歷操作,結(jié)合實(shí)例形式詳細(xì)分析了jQuery針對(duì)后代、同胞及過濾遍歷的相關(guān)函數(shù)、操作技巧與使用注意事項(xiàng),需要的朋友可以參考下2020-05-05
jQuery+PHP實(shí)現(xiàn)微信轉(zhuǎn)盤抽獎(jiǎng)功能的方法
這篇文章主要介紹了jQuery+PHP實(shí)現(xiàn)微信轉(zhuǎn)盤抽獎(jiǎng)功能的方法,詳細(xì)分析了抽獎(jiǎng)程序界面設(shè)計(jì)、前臺(tái)jQuery交互、后臺(tái)概率算法等抽獎(jiǎng)功能相關(guān)技巧,需要的朋友可以參考下2016-05-05
jQuery插件HighCharts繪制2D餅圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件HighCharts繪制2D餅圖效果,結(jié)合完整實(shí)例形式分析了jQuery使用HighCharts插件繪制餅圖效果的操作步驟與相關(guān)實(shí)現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
這篇文章主要介紹了jquery圖片滾動(dòng)放大效果，功能實(shí)現(xiàn)非常簡單，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
jquery append 動(dòng)態(tài)添加的元素事件on 不起作用的解決方案
這篇文章主要介紹了jquery append 動(dòng)態(tài)添加的元素事件on 不起作用的解決方案,需要的朋友可以參考下2015-07-07
本文將介紹如何使用npm安裝和使用jQuery,幫助讀者解決相關(guān)問題,并提供示例代碼,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-11-11