理论知识
获取元素节点
JQuery最基本的选择器有三种,分别是ID选择器,类选择器和元素选择器(也可以叫标签选择器)
基本选择器 | 功能描述 | 实例 |
---|---|---|
ID选择器 $("#–") | 根据id属性选择元素 | $("#abc"): 获取ID为abc的元素 |
类选择器 $(".class") | 根据类选择元素 | $(".abc"): 获取类名为abc的元素 |
标签选择器 $(“element”) | 根据标签选择元素 | $(“div”) : 获取所有的div标签 |
添加节点
- append() : 给选取元素的内部尾部添加内容(元素、innerHTML、文本)。
- prepend(): 给选取元素的内部开头处添加内容(元素、innerHTML、文本)。
- appendTo() : 把选取元素添加到指定DOM元素内部的结尾处,和上面append()是一样的。
- prependTo(): 给选取元素的内部开头处添加内容(元素、innerHTML、文本)。
操作同级节点
- before() : 在选取元素之前添加内容。
- after(): 在选取元素之后添加内容。
- insertBefore():将选取元素插入到指定元素前面。
- insertAfter(): 将选取元素插入到指定元素之后。
获取和更改属性
- attr() : 获取属性或设置属性
- removeAttr() : 移除属性
DOM元素的文本操作
- html():获取和设置匹配元素的HTML内容,相当于innerHTML。
- text():获取和设置匹配元素的文本内容,相当于innerText。
- val():获取和设置匹配元素的value值,一般用于表单元素。