首页 >web前端 >js教程 > 正文

jquery 判断节点是否存在

原创2021-01-18 18:22:0601244

jquery判断节点是否存在的方法:首先在jquery原型上添加一个exist方法;然后在方法内判断当前对象length属性;最后通过“$('#id').exist()”进行调用即可。

本教程操作环境:windows7系统、jquery1.10.0版本、thinkpad t480电脑。

推荐:《jquery视频教程》《javascript基础教程

jQuery判断DOM节点是否存在页面中

1、首先在jquery原型上添加一个exist方法;

2、然后在方法内判断当前对象length属性是否大于0,大于就存在;

3、最后通过$('#id').exist()进行调用即可。

添加原型:

(function($) {
 $.fn.exist = function(){ 
  if($(this).length>=1){
   return true;
  }
  return false;
 };
})(jQuery);

使用方法:

假如页面有如下DOM节点

<div id="a">这里是id=a节点</div>
<div>这里是DIV节点</div>
<div>这里是DIV节点</div>
<span>这里是span节点</span>

判断:

alert($('#aaa').exist()); // false

alert($('#a').exist()); // true

alert($('div').exist()); // true

alert($('p').exist()); // false

以上就是jquery 判断节点是否存在的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:jquery
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • 传智播客JQuery编程视频教程传智播客JQuery编程视频教程
  • jQuery UI框架入门视频教程jQuery UI框架入门视频教程
  • jQuery基础视频教程jQuery基础视频教程
  • jquery.api.3.2.1中文手册jquery.api.3.2.1中文手册
  • jquery趣味课堂 (快速入门版)jquery趣味课堂 (快速入门版)
  • 视频教程分类