JQuery

基本过滤器

选择器 说明 返回
: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()

样式操作

  1. 获取样式和设置样式:attr()
  2. 追加样式: addClass()
  3. 移除样式 :removeClass()
  4. 切换样式 :toggle()方法只要是控制行为上的重复切换(如果元素是显示的,则隐藏;如果元素原来是隐藏的,则显示)。toggleClass()方法控制样式上的重复切换(如何类名存在,则删除它,如果类名不存在,则添加它),判断是否含有某个样式hasClass()可以用来判断元素是否含有某个class,如有返回true 该方法等价于is()。

设置和获取HTML、文本和值

  1. html()
    此方法类似JavaScript中innerHTML属性,可以用来读取和设置某个元素中的HTML内容

  2. text()方法
    方法类型JavaScript中innerHTML,用来读取和设置某个元素中的文本内容

  3. val()方法
    此方法类似JavaScript中的value属性,用来设置获取元素的值。无论是文本框、下拉列表还是单选框,都可以返回元素的值,如果元素多选,返回一个包含所有选择的值的数组

遍历节点

  1. children()方法
    该方法用来取得匹配元素的子元素集合

  2. childre()方法只考虑子元素而不考虑其他后代元素

  3. next()方法

该方法用于取得匹配元素后面紧邻的同辈元素

  1. prev()方法

用于匹配元素前面紧邻的同辈元素

  1. siblings()方法

用于匹配元素前后所有的同辈元素

  1. parent()方法

获得集合中每个 元素的父级元素

  1. 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事件

你可能感兴趣的:(JQuery)