随笔分类 - DOM、BOM
DOM、BOM对象相关的内容
摘要：这篇博客主要从BOM的基本结构，其本身及其子对象与DOM之间的关系来阐述，旨在通过分析BOM为后期向浏览器结构和浏览器内核剖析做好准备，因为这部分内容在我们日常的开发和学习中都不太会全面的分析，都是基于实际需要分片融合其他知识点来理解，个人认为作为一个有进阶前端开发攻城狮梦想的猿人，有必要对BOM或者是说浏览器结构有完整的视角，毕竟前端的第一座高山个人认为就是浏览器内核，从browser object model(BOM：浏览器对象模型)来开启浏览器核心之旅个人认为是一个不错的思路，毕竟在日常我们都太着重DOM，刚开始学习前端的时候以为DOM就是浏览器的核心，后来才发现DOM才只是浏览器内核很少的部分（js引擎才是内核的重中之重，但也只是一个部分），只是它在我们的日常开发中占有非常大的地位而已（特别是jQuery）。总而言之，这篇博客就是从BOM的角度重新来认识浏览器。（基础引导文，大佬请绕路）
阅读全文
摘要：这篇博客适应于入门，当然js和DOM的事件应用本身就是入门级别的知识点，这篇博客只要介绍如何绑定事件、解除事件、事件处理模型、及一些浏览器兼容性问题。
阅读全文
摘要：包裹 wrap() wrapInner() wrapAll() unwrap() clone() 数据缓存机制 data 文档处理（包裹） 1.1.wrap()--将所匹配的元素用其他元素结构化标签包裹起来（实际上就是给指定的元素添加父元素）。参数可以是HTML标记代码字符串；也可以是DOM元素对象
阅读全文
摘要：插入： insertBofore() before() insertAfter() after() appendTo() append() prependTo() prepen() 删除： remove() detach() //css <style type="text/css"> .wrappe
阅读全文
摘要：查找兄弟元素 向下查找兄弟元素 next() nextAll() nextUntil() 向上查找兄弟元素 prev() prevAll() prevUntil() 查找所有兄弟元素 siblings() 1.1.1.next()方法用来查找下一个兄弟元素，可以传参也可以不传参。参数可以是任意jQu
阅读全文
摘要：操作表单元素属性value的值 .val()--获取表单相关元素的val值（当jQuery对象是DOM集合时，返回的只有第一个元素的value的值，与html()方法类似）; .serialize()--获取form表单所有数据，返回字符串拼接形式；.serializeArray()--获取form
阅读全文
摘要：DOM取值与赋值 .html() .text() .size() 1.html()方法类似原生DOM的属性innerHTML，不传入参数的时候默认为取指定元素内的HTML内容，包含前后空白文本结构，以字符串类型返回；当被指定执行html()方法的jQuery对象是一组DOM集合时，获取到的内容是集合
阅读全文
摘要：一、DOM继承树 DOM——Document Object Model DOM定义了表示修改文档所需要的方法。DOM对象即为宿主对象，由浏览器厂商定义，用来操作html和xml的一类厂商定义，也有人称DOM是对HTML以及xml的标准编程接口。 继承树模型图： 1.document继承于HTMLDo
阅读全文
摘要：DOM：document object model 文档对象模型 DOM就是整个HTML文档的关系图谱（代表整个HTML文档），可以理解为下图： 一、查看元素节点 1.document.getElementById('元素id') 获取的类型：元素对象； 兼容性：a.IE6、7，会把表单元素inpu
阅读全文
