这里有新鲜出炉的 jQuery 示例,程序狗速度看过来!
jQuery 是一个兼容多浏览器的 javascript 框架,核心理念是 write less,do more(写得更少, 做得更多)。jQuery 在 2006 年 1 月由美国人 John Resig 在纽约的 barcamp 发布,吸引了来自世界各地的众多 JavaScript 高手加入,由 Dave Methvin 率领团队进行开发。
下面性价比就为大家带来一篇 JS/jQuery 判断 DOM 节点是否存在的简单方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起 小编过来看看吧
JS 原生判断 DOM 节点是否存在页面中
JavaScript 原生函数没有提供判断 DOM 节点是否存在方法,我们通常获取 DOM 节点几乎都是 document.getElement.. 方法,会返回一个 object 数组合集,我们可以通过 object[0],object[1] 这样来访问这个合集的每一个对象。既然返回的是数组合集,那么就有 length 属性,而 length 大于等于 1 即表示 DOM 节点存在页面中
代码:
- Object.prototype.exist = function(){
- if(typeof this !='undefined' && this.length>=1){
- return true;
- }
- return false;
- };
使用:
假设页面有如下节点
- <div>
- 这里是DIV节点
- </div>
- <div>
- 这里是DIV节点
- </div>
- <span>
- 这里是span节点
- </span>
判断节点是否在页面:
- var is_exist = document.getElementsByTagName('div').exist();
- alert(is_exist); // true
- var is_exist = document.getElementsByTagName('span').exist();
- alert(is_exist); // true
- var is_exist = document.getElementsByTagName('p').exist();
- alert(is_exist); // false
注意:如果使用是使用 document.getElementById() 方法获取对象的就不能使用 exist() 方法,因为根据 ID 取节点对象的方法在取不到节点的情况下会返回一个空对象,不会集成原型 exist() 函数,所以会报错!所以如果是根据 ID 取对象的可以直接 if(obj) 这样既可判断 DOM 节点是否存在页面中
jQuery 判断 DOM 节点是否存在页面中
可以这么干
添加原型:
- (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
以上两种方法其实都是根据对象集合的 length 属性判断对象是否存在。
来源: http://www.phperz.com/article/17/0507/330225.html