jQuery
jQuery对外暴露的两个方法:jQuery和$
这两个方法是同一个方法,实际上是一个工厂函数.
通过调用者两个方法,可以得到一个jQuery实例对象
jQuery实例对象是一个伪数组对象
jQuery实现机制
给原型方法添加了一些功能方法
jQuery API
| 方法 | 描述 |
|---|---|
| empty() | 清空所有元素的内容(dom元素还在) |
| remove() | 删除所有的元素 |
| html() | 不传参,获取第一个元素的内容。传参,统一设置所有相同元素的内容为这个参数(可传标签) |
| text() | 不传参,获取所有元素的内容。传参,统一设置所有相同元素的内容为这个参数(不能解析标签). |
| appendTo() | 1.将DOM元素 jq对象 字符串包装成jq对象,统一处理；2.外循环控制this实例,内循环控制目标元素(参数)；3.内循环中,如果是第一次添加则将本体添加进去,之后添加克隆版本；4.返回包装成jq对象的被添加的元素(链式编程) |
| prependTo() | this.prependTo(目标元素),通过insertBefore(要添加的元素,div.firstChild),在目标元素之前添加,用法同appendTo方法 |
| append() | 1.字符串:累加给所有元素(isString判断)；2.DOM或jq对象: 包装成jq对象统一处理之后仿appendTo添加给this实例；3.返回this实例 |
| prepend() | 1.在之前添加,同append方法；2.返回this实例 |
| attr() | |
| prop() | |
| css() | |
| val() | 获取的是最新的value值，而getAttribute获取的是默认的 |
属性
属性节点和属性(变量)的区别
- 属性可以属于任意的对象，而属性节点只属于DOM对象(nodeType/nodeName)
- 所有的DOM都有一个attributes属性，这个属性按下标的方式存储了该DOM所有的属性节点
获取属性节点值
- 通过DOM的attributes属性得到所有的属性节点对象,按下标取出每一个属性节点对象,再通过nodeValue属性得到这个属性节点
- 通过DOM的getAttribute(属性节点名)方法
获取属性值
- 直接点或者[]