基本过滤器
| 选择器 | 说明 | 返回 |
|---|---|---|
| :first | 匹配找到的第1个元素 | 单个元素 |
| :last | 匹配找到的最后一个元素 | 单个元素 |
| :eq | 匹配一个给定索引值的元素 | 单个元素 |
| :even | 匹配所有索引值为偶数的元素 | 集合元素 |
| : odd | 匹配所有索引值为奇数的元素 | 集合元素 |
| :gt(index) | 匹配所有大于给定索引值的元素 | 集合元素 |
| :lt(index) | 匹配所有小于给定索引值的元素 | 集合元素 |
| :not | 去除所有与给定选择器匹配的元素 | 集合元素 |
| :animated | 选取当前正在执行动画的所有元素 | 集合元素 |
| focus | 选取当前正在获取焦点的元素 | 集合元素 |
| :contains(text) | 选取含有文本内容为text的元素 | 集合元素 |
| :empty | 选取不包含子元素获取文本的空元素 | 集合元素 |
| :has(selector) | 选择含有选择器所匹配的元素的元素 | 集合元素 |
| :parent | 选取含有子元素或者文本的元素 | 集合元素 |
DOM操作
插入节点
append() 向每个匹配元素内部追加内容
appendTo() 颠倒append()的操作
prepend() 向每个匹配元素的内容内部前置内容
prependTo() 颠倒prepend()的操作
after() 向每个匹配元素之后插入内容
insertAfter() 颠倒after()的操作
before() 在每个匹配元素之前插入内容
insertBefore() 颠倒before()的操作
删除节点
- remove()方法
当某个节点用此方法删除后，该节点所包含的所有后代节点将同时被删除，用remove()方法删除后，还是可以继续使用删除后的引用 - detach()
和remove()方法一样，也是从DOM中去掉所有匹配的元素，与remove()不同的是，所有绑定的事件、附加的数据等，都会被保留下来 - empty()
empty()方法并不是删除节点，而是清空节点，它能清空元素中所有后代节点
复制节点
使用clone()方法来完成
在clone()方法中传递一个参数true，同时复制元素中所绑定的事件
替换节点
jQuery提供相应的方法 replaceWidth()
替换节点
jQuery提供相应的方法 replaceWidth()
样式操作
- 获取样式和设置样式：attr()
- 追加样式： addClass()
- 移除样式 ：removeClass()
- 切换样式 ：toggle()方法只要是控制行为上的重复切换（如果元素是显示的，则隐藏；如果元素原来是隐藏的，则显示）。toggleClass()方法控制样式上的重复切换（如何类名存在，则删除它，如果类名不存在，则添加它），判断是否含有某个样式hasClass()可以用来判断元素是否含有某个class,如有返回true 该方法等价于is()。
设置和获取HTML、文本和值
-
html()
此方法类似JavaScript中innerHTML属性，可以用来读取和设置某个元素中的HTML内容 -
text()方法
方法类型JavaScript中innerHTML，用来读取和设置某个元素中的文本内容 -
val()方法
此方法类似JavaScript中的value属性，用来设置获取元素的值。无论是文本框、下拉列表还是单选框，都可以返回元素的值，如果元素多选，返回一个包含所有选择的值的数组
遍历节点
-
children()方法
该方法用来取得匹配元素的子元素集合 -
childre()方法只考虑子元素而不考虑其他后代元素
-
next()方法
该方法用于取得匹配元素后面紧邻的同辈元素
- prev()方法
用于匹配元素前面紧邻的同辈元素
- siblings()方法
用于匹配元素前后所有的同辈元素
- parent()方法
获得集合中每个 元素的父级元素
- parents()方法
获得集合中每个元素的祖先元素
JQuery参数方法介绍
| 参数 | 类型 | 说明 |
|---|---|---|
| url | String | (默认为当前页地址)发送请求的地址 |
| type | String | 请求方式（POST或GET）默认为GET |
| timeout | Number | 设置请求超时时间（毫秒） |
| dataType | String | 预期服务器返回的类型。可用的类型如下 xml:返回XML文档，可用jquery处html:返回纯文本的HTML信息，包含的script标签也会在插入DOM时执行script：返回纯文本的javascript代码。不会自动缓存结果，除非设置cache参数。注意：在远程请求时，所有的POST请求都将转GET请求 |
| json: | 返回JSON数据 | |
| jsonp: | JSONP格式， | 使用jsonp形式调用函数时，例如：myurl?call back=?,jquery将自动替换后一个？为正确的函数名，以执行回调函数 |
| text: | 返回纯文本字符串 | |
| beforeSend | Function | 发送请求前可以修改XMLHttpRequest对象的函数，例如添加自定义HTTP头。在beforeSend中如果返回false可以取消本次Ajax请求。XMLHttpRequest对象是唯一的参数 |
| complete | Function | 请求完成后的回调函数（请求成功或失败时都调用） |
| success | Function | 请求成功后调用的回调函数，有两个参数 |
| error | Function | 请求失败时被调用的函数 |
| global | Boolean | 默认为true。表示是否触发全局Ajax事件，设置为false将不会触发。AjaxStart或AjaxStop可用于控制各种Ajax事件 |
网友评论