JQuery判断HTML元素是否存在的办法

 本篇文章主要是对JQuery判断HTML元素是否存在的两种解决方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助

在工作中遇到这么一种情况,页面部分HTML元素是通过服务端语言根据不同情况控制显示不同内容的,然而在同一个页面某些情况在DOM准备好后需要用到Ajax跟服务端通讯,而有些情况不需要,那么我只想在页面存在我指定的HTML标记的时候我才触发Ajax部分,毕竟这样可以减轻服务器的负担,废话一大堆,转入正题:
 
其实解决JQuery判断元素是否存在的问题,方法很简单:
 
if($("#abc").length >0) { ... }
 
if($("#abc").html() != "") { ... }
 
如上两种方式都可以判断html文档是否存在我们想要的元素,之前试过用$("#abc") != null / !$("#abc") / $.find("#abc") ..... 结果不行,因为无论元素是否存在都会返回Object的,那我暂时就用上面两种方法之一解决了问题,具体有没有更好的办法,有待发掘……
 
 

时间: 2025-01-19 15:21:58

JQuery判断HTML元素是否存在的办法的相关文章

jQuery判断一个元素是否可见的方法

  本文实例讲述了jQuery判断一个元素是否可见的方法.分享给大家供大家参考.具体如下: jQuery 可以很容易地确定一个元素是可见的或是隐藏的,然后分别做不同的处理.如:我想根据某 div 是否可见,在按钮上显示不同的文字和图标.可以这样实现: 方法一: ? 1 2 3 4 5 6 7 8 9 10 11 $('#para_div button').click(function() { if($(this).next().is(":visible")) { //$(this).h

jQuery判断一个元素是否可见的方法_jquery

本文实例讲述了jQuery判断一个元素是否可见的方法.分享给大家供大家参考.具体如下: jQuery 可以很容易地确定一个元素是可见的或是隐藏的,然后分别做不同的处理.如:我想根据某 div 是否可见,在按钮上显示不同的文字和图标.可以这样实现: 方法一: $('#para_div button').click(function() { if($(this).next().is(":visible")) { //$(this).html('显示'); $(this).css({&quo

JQuery判断HTML元素是否存在的两种解决方法_jquery

在工作中遇到这么一种情况,页面部分HTML元素是通过服务端语言根据不同情况控制显示不同内容的,然而在同一个页面某些情况在DOM准备好后需要用到Ajax跟服务端通讯,而有些情况不需要,那么我只想在页面存在我指定的HTML标记的时候我才触发Ajax部分,毕竟这样可以减轻服务器的负担,废话一大堆,转入正题: 其实解决JQuery判断元素是否存在的问题,方法很简单: if($("#abc").length >0) { ... } if($("#abc").html()

jQuery 判断页面元素是否存在的代码_jquery

例如: 复制代码 代码如下: document.getElementById("someID").innerText("hi"); 如果ID为"someID"的元素不存在,我们将得到Javascript运行错误:document.getElementById("someID") is null 正确的写法应该是: 复制代码 代码如下: obj = document.getElementById("someID&quo

jquery判断元素的子元素是否存在的示例代码

 本篇文章主要是对jquery判断元素的子元素是否存在的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 jquery判断子元素是否存在      一.判断子元素是否存在    //一级子元素 if($("#specialId>img").length==0)      if ($( "#specialId:has(img)" ).length==0)           {       //-----没有img子标记-----      }

jQuery中判断一个元素是否为另一个元素的子元素(或者其本身)_jquery

上个月研究学习了<js判断一个元素是否为另一个元素的子元素>,感觉还挺好用,但是在jQuery应用中还是有很多缺陷,比如多个元素的时候写起来就不是很方便.所以写了比较简单的jQuery判断一个元素是否为另一个元素的子元素(或者其本身)的两个扩展: 复制代码 代码如下: //判断:当前元素是否是被筛选元素的子元素 jQuery.fn.isChildOf = function(b){ return (this.parents(b).length > 0); }; //判断:当前元素是否是被筛

关于jQuery判断元素是否存在的问题示例探讨_jquery

是这样的,最近做jQuery训练时遇到jQuery判断元素是否存在时出现问题. 题目如下:请在"选择按钮3"后面,添加Id=rad4,处于选择状态的,之后文字为"选择按钮4"的HTML控件,只能添加一次(自由选择使用js原生或JQuery实现 function addradio() { if (!document.getElementById("rad4")) { var main = document.getElementById("

jquery判断元素是否可见4个例子

使用is方法:is(':hidden')例如: $(document).ready(function(e) {     if($('#d').is(':hidden')){   alert("yes");  }else{   alert("no");  } }); <div style="width:100px;height:100px;background-color:#099" id="d"></div&

jquery判断元素的子元素是否存在的示例代码_jquery

jquery判断子元素是否存在   一.判断子元素是否存在   //一级子元素 if($("#specialId>img").length==0)     if ($( "#specialId:has(img)" ).length==0)          {      //-----没有img子标记-----     }    else     {      //-------有img子标记------     }    二.选择特定id元素下的特定id子元