作者:Christy-1221 | 来源:互联网 | 2020-11-29 19:56
jquery判断dom节点是否存在的方法:1、在jquery原型中添加exists方法;2、在exists方法内判断当前对象的length属性是否大于0,如果大于则存在;3、通过【$(#id).exist()】进行调用即可。
jquery判断dom节点是否存在的方法:1、在jquery原型中添加exists方法;2、在exists方法内判断当前对象的length属性是否大于0,如果大于则存在;3、通过【$('#id').exist()】进行调用即可。
判断思路如下:
(学习视频分享:jquery视频教程)
1、首先在jquery原型上添加一个exist方法;
2、然后在方法内判断当前对象length属性是否大于0,大于就存在;
3、最后通过$('#id').exist()进行调用即可。
添加 jquery 扩展 js (直接写一个单独的 js文件存放如下代码。并在jquery代码之后引入)
(function($) {
$.fn.exist = function(){
if($(this).length>=1){
return true;
}
return false;
};
})(jQuery);
使用方法:
页面有以下dom
这里是id=dom1节点
这里是DIV节点
这里是span节点
判断:
console.log($('#dom').exist()) //返回结果为 false
console.log($('#mydom').exist()) //返回结果为 true
console.log($('div').exist()) //返回结果为 true
console.log($('p').exist()) //返回结果为 false