您的位置：首页 > Web前端 > JQuery

jquery and js 判断一个元素是否存在

2017-01-02 12:44 666 查看

一、javascript中判断一个元素是否存在

 if(document.getElementById('example')){ // do sth } 

二、jquery中判断一个元素是否存在

1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4     <meta charset="UTF-8">
5     <title></title>
6 </head>
7 <body>
8 <script src="jquery.min.js"></script>
9 <script type="text/javascript">
10     $(function(){
11         // $('#test')获取到的永远是对象，即使网页上没有该元素。
12         // 因此，当要用jQuery来检查某个元素在网页上是否存在时，不能使用下面的代码
13         /*if($('#test')){ //
14             alert('该元素存在');
15         }*/
16
17
18         // 正确判断方法,注意，用length和size只能用属性，不能用方法
19
20         //方法一：length属性， 注意是length属性，而不是length()方法
21         if($('#test').length > 0){
22             alert('length 该元素存在');
23         }else{
24             alert('length 该元素不存在');
25         }
26
27         //方法二：size属性, 注意是size属性，而不是size()方法
28         if($('.test').size > 0){
29             alert('size 该元素存在');
30         }else{
31             alert('size 该元素不存在');
32         }
33
34         //方法三：转化为Dom对象
35         if($('#test')[0]){
36             alert('dom 该元素存在');
37         }else{
38             alert('dom 该元素不存在');
39         }
40
41
42     });

 

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航