DOM操作原生js 的bug,使用jQuery 可以消除的解决方法
js的 bug 类型： Uncaught TypeError：Cannot set/read property 'xxx' of null
在进行DOM操作的时候比较容易发生这个错误，比如：
1. document.getElementById('test1').style.display='none'
2. document.getElementById('test1').onclick=function(){/*相关代码*/}
假如DOM中无此 test1对象，将会抛出上面的错误，发生这种错误后，代码后面的模块将会失去效果，这是比较头疼的地方。
要解决这个bug可以用 try/catch 来消除，但是，try/catch 会带来额外开销。如果直接删除，也是可以的，但如果这个js是个公共的，可能对其他页面造成影响。今天无意中将上述代码改成jQuery风格后，bug解决。那么jQuery是如何解决的呢？是try/catch吗？这就需要看看源码了。
以上这篇DOM操作原生js 的bug,使用jQuery 可以消除的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
本文向大家介绍原生JS和jQuery操作DOM对比总结，包括了原生JS和jQuery操作DOM对比总结的使用技巧和注意事项，需要的朋友参考一下 一、创建元素节点 1.1 原生JS创建元素节点 1.2 jQuery创建元素节点 二、创建并添加文本节点 2.1 原生JS创建文本节点 通常创建文本节点和创建元素节点配合使用，比如： 2.2 jQuery创建并添加文本节点： 三、复制节点 3.1 原生JS
-
本文向大家介绍使用jQuery操作DOM的方法小结，包括了使用jQuery操作DOM的方法小结的使用技巧和注意事项，需要的朋友参考一下 一.DOM操作分为3类 1.DOM Core DOM Core不是Javascript的专属品,任何一种支持DOM的编程语言都可以使用它.它的用途不仅限于处理一种使用标记语言编写出来的文档 2.HTML-DOM 比DOM Core出现的更早,它提供了一些更加简明的
-
本文向大家介绍详解jQuery中的DOM操作，包括了详解jQuery中的DOM操作的使用技巧和注意事项，需要的朋友参考一下 大致介绍 jQuery作为JavaScript库，继承并发扬了JavaScript对DOM对象操作的特性，使开发人员能方便的操作DOM对象。 jQuery中的DOM操作 看看DOM操作都有哪些 逐一来看 先写一份HTML代码，后面的代码将操作这份HTML代码 查找节点 1
-
本文向大家介绍jQuery原理系列-常用Dom操作详解，包括了jQuery原理系列-常用Dom操作详解的使用技巧和注意事项，需要的朋友参考一下 1. 事件绑定$(el).bind ie使用attachEvent，其它浏览器使用addEventListener，不同的是ie多了个on前缀，this绑定在window上，需要用call和apply修正this 的指向。 2.获取偏移量 $(el).po
-
本文向大家介绍原生js jquery ajax请求以及jsonp的调用方法，包括了原生js jquery ajax请求以及jsonp的调用方法的使用技巧和注意事项，需要的朋友参考一下 ajax 是用来处理前后端交互的技术，可以改善用户体验，其本质是 XMLHttpRequest，异步访问服务器并发送请求数据，服务器返回响应的数据，以页面无刷新的效果改变页面中的局部内容 同步：任务一个一个的执行，只
-
本文向大家介绍jQuery常见的遍历DOM操作详解，包括了jQuery常见的遍历DOM操作详解的使用技巧和注意事项，需要的朋友参考一下 本文实例总结了jQuery常见的遍历DOM操作。分享给大家供大家参考，具体如下： 向上遍历DOM树 .parent():返回被选元素的直接父元素,该方法只会向上一级对DOM树进行遍历 .parents():返回被选元素的所有祖先元素，一直向上遍历，直到文档的根元素