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:
               
      
posted @ 2016-08-27 11:15  小新gg  阅读(279)  评论(0编辑  收藏  举报