2025年4月19日 星期六 乙巳(蛇)年 正月廿 设为首页 加入收藏
rss
您当前的位置:首页 > 计算机 > 编程开发 > JavaScript

使用jquery怎么去检查一个元素是否存在

时间:08-21来源:作者:点击数:39

在jquery中,你能够使用.length属性来检测一个元素是否存在。如果元素存在,则length属性会返回所以匹配的元素的个数。

例如:

  • if($('#div1').length){
  •         alert("Div1 exists");
  • }else{
  •         alert("Div1 does not exists");
  • }

此用来检测一个id为div1的元素是否存在。

Jquery length 例子

  • <html>
  • <head>
  • <scripttype="text/javascript"src="jquery-1.3.2.min.js"></script>
  • </head>
  • <body>
  • <h1>jQuery check if an element exists</h1>
  • <scripttype="text/javascript">
  •   $(document).ready(function(){
  •     $("#buttonDiv1").click(function () {
  •         if($('#div1').length){
  •                alert("Div1 exists");
  •         }else{
  •                alert("Div1 does not exists");
  •         }
  •     });
  •     $("#buttonDiv2").click(function () {
  •         if($('#div2').length){
  •                alert("Div2 exists");
  •         }else{
  •                alert("Div2 does not exists");
  •         }
  •     }); 
  •   });
  • </script>
  • </head>
  • <body>
  • <divid="div1">
  •         <b>This is DIV element which has an ide of "div1"</b>
  • </div>
  • <br/>
  • <br/>
  • <br/>
  • <inputtype='button'value='div1 exists?'id='buttonDiv1'>
  • <inputtype='button'value='div2 exists?'id='buttonDiv2'>
  •  
  • </body>
  • </html>

效果1:

点击 div1 exists? 后的结果:

点击div2 exists? 后的结果:

方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门
本栏推荐