Python 一路走来 DOM & Jquery

DOM

          查找:

               直接查找

               间接查找

               —getElementById

               —getElementsByTag

 

          绑定事件

文档对象模型（Document Object Model，DOM）是一种用于HTML和XML文档的编程接口。它给文档提供了一种结构化的表示方法，可以改变文档的内容和呈现方式。我们最为关心的是，DOM把网页和脚本以及其他的编程语言联系了起来。DOM属于浏览器，而不是JavaScript语言规范里的规定的核心内容。

一、查找元素

1、直接查找

1 2 3 4

document.getElementById             根据ID获取一个标签 document.getElementsByName          根据name属性获取标签集合 document.getElementsByClassName     根据class属性获取标签集合 document.getElementsByTagName       根据标签名获取标签集合

2、间接查找

1 2 3 4 5 6 7 8 9 10 11 12 13

既包含元素，又包含文本内容（换行等） parentNode          // 父节点 childNodes          // 所有子节点 firstChild          // 第一个子节点 lastChild           // 最后一个子节点 nextSibling         // 下一个兄弟节点 previousSibling     // 上一个兄弟节点   只包含所有的标签  parentElement           // 父节点标签元素 children                // 所有子标签 firstElementChild       // 第一个子标签元素 lastElementChild        // 最后一个子标签元素 nextElementtSibling     // 下一个兄弟标签元素 previousElementSibling  // 上一个兄弟标签元素

 

jQuery

     模块, 封装Dom和javascript

 

     1.12..—>兼容IE

     2.x —>IE9以上

 

     查找:

          选择器

                 ＃id

                    标签

                    类

                    组合

                    层级

                    属性（important）

          筛选器

     操作：

          css

          属性

          文本操作

      事件：

          －优化

     扩展：

          $.login

          Form表单验证

     Ajax: