jquery怎么判断元素是否存在?

使用JQuery想要判断元素是否存在,可以使用jQuery .length属性来实现。当DOM中存在特定元素时触发某个事件,那么就可以使用jQuery .length属性来确定元素是否存在。

下面我们就结合简单的代码示例,为大家介绍JQuery判断元素是否存在的具体方法。

代码示例如下:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>JQuery判断元素是否存在的示例</title>
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script type="text/javascript">
       $(function () {
           $("button").click(function () {
               if($("#myDiv").length) {
                   alert("元素已存在");
               }
                   else {
                       alert("元素不存在");
                   }
 
           });
       });
    </script>
</head>
<body>
</body>
<div id="myDiv"></div>
<p>点击下面的按钮检查元素</p>
<button>检查元素</button>
</html>

上述代码中,我们给button添加了一个点击事件,当点击button按钮,就会触发判断元素的方法,如果指定的div存在就会弹出“元素已存在”的提示,相反就会弹出“元素不存在”的提示。

效果图:

1.jpg

当存在div时,点击按钮显示如下图:

2.jpg

当div不存在时,点击按钮显示如下图:

3.jpg

Image placeholder
前端答疑
未设置
  48人点赞

没有讨论,发表一下自己的看法吧

推荐文章
jquery如何判断元素是否存在?

jquery如何判断元素是否存在?jquery使用$(selector)方法查找dom元素,返回的是一个jquery对象,具有length属性。length即找到的dom元素个数,只需判断length

jquery怎么判断元素是第几个?

jquery怎么判断元素是第几个?假设有下面这样一段HTML代码: jQuery判断当前元素是第几个元素示例 jQuery获取第N个元素示例 jQuery选择器示例 如果我们点击任何一个li标签,想知

jquery判断元素是否隐藏?

jquery判断元素是否隐藏?1、首先获取需要判断的元素varnode=$('#id');2、然后使用jquery的is()方法进行判断:(相关课程推荐:jQuery教程)一、使用is结合伪类:hid

jquery如何判断元素是否在数组中?

要判断数组中是否包含某个元素,从原理来来说,就是遍历整个数组,然后判断是否相等。可以使用Jquery提供的方法:$.inArray("元素(字符串)",数组名称)进行判断,当存在该元素(字符串)时,返

jquery判断css文件是否存在?

jquery判断css文件是否存在?主要使用了ajax,通过请求css资源文件,根据http状态码来进行判断。状态码为200则存在,为404则不存在。检测 $("#btn").click(func

jquery判断class是否存在?

jquery判断class是否存在?两种方法如下:●hasClass('classname')●is('.classname')例子:1、使用is('.classname')的方法$('div').i

jquery如何判断对象是否存在?

jquery如何判断对象是否存在?一、jQuery判断对象是否存在1、方法一在jQuery中,varobj=$("#id")无论id这个控件是否存在,都是返回object,所以需要通过length来判

jquery如何判断属性是否存在?

jquery如何判断属性是否存在?jquery判断属性存在可以使用attr()方法、is()方法、filter()方法,以及原生js的hasAttribute()方法。1、使用attr()获取属性,检

jquery判断dom节点是否存在?

jquery判断dom节点是否存在?jQuery判断DOM节点是否存在页面中1、首先在jquery原型上添加一个exist方法;2、然后在方法内判断当前对象length属性是否大于0,大于就存在;3、

jquery如何判断某个属性是否存在?

在JQuery中,我们会判断元素是否存在某个属性。比如是否包含class="new"的样式呢?在JQuery中判断是非常简单的。因为有hasClass这个方法,使用$("input[name=new]

jquery如何判断某个dom节点是否存在?

想要判断某个dom节点是否存在,可以使用length属性来判断。jquery使用length属性判断length属性包含jQuery对象中元素的数目。示例: 这里是i

jquery怎么判断对象是否为空?

jquery怎么判断对象是否为空?jquery的isEmptyObject方法可以判断对象是否为空此方法是jquery将forin进行的封装(相关课程推荐:jQuery教程)vardata={}; v

jquery怎么判断input是否为空?

jquery怎么判断input是否为空?首先需要通过val()函数获取input框的内容,然后通过比较是否和“”空字符串相等,或者字符串长度是否等于0,来进行判断。1、判断input内容是否等于空字符

jquery怎么判断是否是数组?

jquery怎么判断是否是数组?jquery提供了isArray()方法来判断一个变量是否是数组类型,返回值为Boolean类型。示例:varobj={a:1}; vararr=[1,2]; var

jquery怎么判断值是否在数组中?

要判断数组中是否包含某个元素,从原理来来说,就是遍历整个数组,然后判断是否相等Jquery方法可以使用Jquery提供的方法:使用$.inArray()来判断。inArray()函数用于在数组中查找指

jquery如何判断元素内容是否为空?

jquery如何判断元素内容是否为空?下面提供了两种方法用于检查指定id的元素的内容是否为空,当然了,不仅仅适用于指定了id的元素,同样适用于其他元素,只需要改变选择器即可。一、使用html()方法获

jquery判断文件是否存在

jquery判断文件是否存在js或jquery判断文件是否存在,需要用到ajax1、封装一个fileExists方法,接收url参数;2、使用$.ajax()方法发送请求,设置同步方式请求;3、返回请

jQuery怎么删除元素节点?

1、使用empty()删除empty顾名思义,清空方法,但是与删除又有点不一样,因为它只移除了指定元素中的所有子节点。 p元素1 p元素2 点击通过jQuery的empty移除元素 $("but

jquery怎么获取第几个元素?

在jquery中,可以使用eq()方法找到第几个元素或第N个元素,jquery中eq()的使用如下:eq()选择器选取带有指定index值的元素。index值从0开始,所有第一个元素的index值是0

jquery判断是否是数组元素?

jquery判断是否是数组元素?语法:$.inArray("元素字符串",数组名称);使用示例:(相关课程推荐:jQuery教程)如果arry数组里面存在"C#"这个字符串则返回该字符串的数组下标,否

jQuery怎样获取同级元素?

jQuery怎样获取同级元素?在jquery中,获得同级元素的方法一般有七个,分别是siblings()、next()、nextAll()、nextUntil()、prev()、prevAll()、p

怎么判断json是否为空?

怎么判断json是否为空?一、jQueryjQuery.isEmptyObject()函数用于判断指定参数是否是一个空对象。jQuery.isEmptyObject()函数的返回值为Boolean类型

jquery验证元素内容是否为空?

使用jquery判断元素内容是否为空、获取元素内容需要分两个情况:input用val()使用val()方法获取元素内容,再通过if进行判断varvalue=$('#test').val();是否为空的

jquery和jquery ui的区别?

jquery和jqueryui的区别?区别有:1、jQuery是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等。 2、jQueryUI则是在jQuery的基础上,利用jQuery的扩展性,

jquery怎么写ajax?

jquery怎么写ajax?两种在客户端和服务器端进行请求-响应的常用方法是:GET和POST。GET-从指定的资源请求数据POST-向指定的资源提交要处理的数据GET基本上用于从服务器获得(取回)数