jquery判断一个元素是不是存在

Posted 2023-05-01

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery判断一个元素是不是存在相关的知识，希望对你有一定的参考价值。

可以使用length属性来判断一个元素是否存在，获取一个元素后，如果该对象的length大于零则该元素存在否则不存在。

工具原料：编辑器、浏览器

1、使用jQuery选择器选择一个元素然后判断其length的值，length大于零则该元素存在否则不存在，代码如下：

<!DOCTYPE html>
<html lang="zh-cn">
  <body>
    <img src="1.jpg">
    <script type="text/javascript">
      if ($("img").length > 0)
      alert("该元素存在");

    </script>
  </body>
</html>

2、运行的结果如下：

参考技术A $("#id").get(0)或者$("#id")[0]或者$("#id").length==0都可以进行判断元素是否存在参考技术B

以下两种方式都可以判断html文档是否存在相关元素：

if($("#abc").length >0) ...

if($("#abc").html() != "") ...

jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多javascript高手加入其team，包括来自德国的Jörn Zaefferer，罗马尼亚的Stefan Petre等等。

jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。

由于目前高校基本尚未开JavaScript的相关课程，目前jQuery的学习，使用，研究都仅限于在职Web程序员之间。

参考技术C if($("#id"))/*元素存在*/
还可以用 length，size() 等判断长度方法参考技术D 用find来查找元素

js或者jQuery判断链接是不是存在

<div id="chaxun">你好,现在有服务的网站是<a href=" http://www.aaa.com">链接1</a><a href=" http://www.bbb.com">链接2</a><a href=" http://www.ccc.com">链接3</a><a href=" http://www.ddd.com">链接4</a></div>

我想实现的效果是：js或者jQuery查询 id="chaxun"这个元素下的是否存在 http://www.bbb.com这条链接，如果不存在就弹出提示框，说不存在。

参考技术A //一句代码的事
$('#chaxun a[href="http://www.bbb.com"]').length>0?alert('Extsts'):alert('not Extsts');

参考技术B jquery不行吧？没深入到这层，用js就可以ajax中的status值如果是404那就是没这页面。。。参考技术C var isExists = false;
$('#chaxun a').each(function()
if($(this).attr('href') == ' http://www.bbb.com')
isExists = true;

);
if(!isExists)
alert('xxx');

以上是关于jquery判断一个元素是不是存在的主要内容，如果未能解决你的问题，请参考以下文章