dom

题目概览 DOM和BOM有什么区别? 让网页的字体变得清晰，变细用CSS怎么做？ 写一个方法把0和1互转（0置1，1置0） 题目解答 DOM和BOM有什么区别？ DOM 是 Document Object Model 的缩写。即文档对象模型，遵循 W3C 制定的标准。提供了独立于内容而与浏览器窗口进行交互的对象。描述了与浏览器进行交互的方法和接口，可以对浏览器窗口进行访问和操作，譬如可以弹出新的窗口，改变状态栏中的文本。其本质就是 DOM 元素。最早使用的 document.getElementById 获取到的对象就是 DOM 对象。利用 JS 操作某个 DOM 的颜色、形状、大小都是对 DOM 元素的操作。在代码上可以理解为 document 开头的方法和属性 BOM 是 Browser Object Model 的缩写。即浏览器对象模型，这并没有一套规定标准，每个浏览器都有自己的实现DOM 是针对 HTML 的基于树的 API。描述了处理网页内容的方法和接口，是 HTML 的API，DOM 把整个页面规划成由节点层级构成的文档。但事实上在大部分主要的功能上都已经形成默契。BOM 主要操作浏览器的行为，比 navigator ， location ， history ， storage 都为 BOM 的操作。其根对象是 window，可以理解为 winodw 开头的方法 关系

1、层级选择器 选择器是jQuery的核心。一个选择器写出来类似 $('#dom-id') 。 公式 ： $(选择器).事件(事件函数) 回顾DOM操作中我们经常使用的代码： // 按ID查找： var a = document.getElementById('dom-id'); // 按tag查找： var divs = document.getElementsByTagName('div'); // 查找<p class="red">： var ps = document.getElementsByTagName('p'); // 过滤出class="red": // TODO: // 查找<table class="green">里面的所有<tr>： var table = ... for (var i=0; i<table.children; i++) { // TODO: 过滤出<tr> } 这些代码实在太繁琐了，并且，在层级关系中，例如，查找 <table class="green"> 里面的所有 <tr> ，一层循环实际上是错的，因为 <table> 的标准写法是： <table> <tbody> <tr>...</tr> <tr>...</tr> </tbody> </table> 很多时候，需要递归查找所有子节点。