jquery and js 判断一个元素是否存在
一、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 });
