jQuery判断元素是否存在方法总结
2013-09-05 20:25
706 查看
在jquery中判断元素是否存在我们可使用$("#div").length > 0)来判断了,意思就是判断元素长度了,如果没有肯定是不存在的哦,下面我来介绍介绍。使用传统javascript方法,如下:
jquery选择器获取element 无论element是否存在都将返回一个对象
使用下面的方法判断”myid”元素是否存在
代码如下:
例子
附一些其它方法
第二种方法:
if(document.getElementById('div')) { } else { }使用jQuery则比较简单,只需判断此元素的长度是否为0,如果为0则此元素不存在,
jquery选择器获取element 无论element是否存在都将返回一个对象
var my_element=$(“#myId”);这里无论元素”myid”是否存在,my_element始终是一个object
使用下面的方法判断”myid”元素是否存在
代码如下:
if ($("#div").length > 0){ // 找到对应id=div的元素,然后执行此块代码 }甚至能找到组合元素,如下,我们找一个id定义为div的元素里面是否包含img,代码如下:
if ($("#div img").length > 0){ // 找到对应id=div并且包含img的元素,然后执行此块代码 }
例子
<div id="divBody"> <div id="divTest"><div> </div>上边是简单的html代码。
jQuery(document).ready(function() { if (jQuery("#divTest").length > 0) { jQuery("<img src='http://www.hzhuti.com' />").appendTo("#divTest"); } else { if (jQuery("#divBody").length) { jQuery("#divBody").append("<img src='http://www.php100.com' />"); } } });上边的代码展示了如何判断对象是否存在。程序的思路是:如果存在divTest这个div对象,则将google的logo图片置于ID为divTest的div中,否则将图片置于divBody中。在本例中,由于存在对象divTest,所以程序的最终结果将图片置于divTest中
附一些其它方法
第二种方法:
$(“#myId”).html(“abc”);如果myid不存在上面的代码也不会出错,只是不进行任何操作;
var data=$(“#myId”).html();如果myid不存在,data为null值
var data=$(“#myId”).val();如果myid不存在,data为undefined
相关文章推荐
- jQuery判断元素是否存在方法总结
- jQuery判断元素是否存在的可靠方法
- jQuery判断iframe中元素是否存在的方法
- javascript(jquery)中判断一个元素在页面中是否存在的方法(转载-来自CSDN)
- jquery判断元素是否存在的方法
- jQuery判断元素是否存在的可靠方法
- jQuery中判断元素是否存在的方法
- jQuery判断元素是否存在的可靠方法
- jquery判断页面上某个ID元素是否存在的方法
- jQuery判断iframe中元素是否存在的方法
- jQuery中判断元素是否存在的方法
- 用jQuery判断页面元素是否存在的方法
- jQuery判断元素是否存在的可靠方法
- JS判断对象是否存在的10种方法总结
- JQuery判断元素是否存在
- jquery判断元素是否隐藏的多种方法
- Jquery判断$("#id")获取的对象是否存在的方法
- 通过JS,Jquery判断某个字符在一个字符串中是否存在的方法
- jQuery判断元素是否存在