基本过滤器
选择器 | 说明 | 返回 |
---|---|---|
: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事件 |