首页 > 代码库 > jQuery的常见操作

jQuery的常见操作

1、  选择符:

  a)          a > b 作为a子元素的b匹配的元素

  b)         a + b 作为后面直接同辈元素的b匹配的元素

  c)         a ~ b 作为后面同辈的b匹配的元素

2、  元素间定位:

  a)         :even        结果中的偶数元素(从0开始计数)

  b)         :odd          结果中的奇数元素(从0开始计数)

  c)         :ep(index)         结果中索引为index的元素(从0开始计数)

  d)         :lt(index)  结果中所有位于给定索引之后的元素(从0开始计数)

  e)         :gt(index) 结果中所有位于给定索引之前的元素(从0开始计数)

3、  属性:

  a)         [attr!=”value”]                   attr属性的值不为value的元素

  b)         [attr^=”value”]         attr属性的值以value开头的元素

  c)         [attr$=”value”]         attr属性的值以value结尾的元素

  d)         [attr*=”value”]         attr属性的值包含字符串value的元素

  e)         [attr~=”value”]         attr属性的值是空格分隔的多个字符串,其中一个为value

4、  筛选元素:

  a)         .filter(selector)         与给定的选择符匹配的选中元素

  b)         .filter(callback)         回调函数callback返回true的选中元素

  c)         .eq(index)         从0开始计数的第index个选中元素

  d)         .first()       选中元素的第一个元素

  e)         .last()        选中元素的最后一个元素

  f)          .slice(start,[end])     从0开始计数的给定范围内的选中元素

  g)         .not(selector)  选中元素中与给定选择符不匹配的元素

  h)         .has(selector)  选中元素中有后代匹配给定选择符的元素

5、  后代元素

  a)         .find(selector)  与给定选择符匹配的后代元素

  b)         .contents()       子节点(不包括文本节点)

6、  同辈元素

  a)         .next([selector])       每个选中元素紧邻的下一个同辈元素,selector可选

  b)         .nextAll([selector])  每个选中元素之后的所有同辈元素,selector可选

  c)         .nextUntil([selector],[filter])    每个选中元素之后、直至但不包含第一个匹配selector的同辈元素,selector、filter可选

7、  祖先元素

  a)         .parent([selector])   每个选中元素的父元素,selector可选

  b)         . parents([selector])         每个选中元素的所有祖先元素,selector可选

  c)         . parentsUntil([selector],[filter])      每个选中元素的所有祖先元素、直至但不包含第一个匹配selector的祖先元素,selector、filter可选

  d)         . closest(selector)    与选择符selector匹配的第一个元素,遍历路径从选中元素开始,沿着DOM数向上在其中足协爱你节点中的查找

  e)         . offsetParent()         第一个选中元素被定为的氟元素

8、  集合操作

  a)         .add(selector)  选中的元素,加上与给定选择符匹配的元素

  b)         . addBack()       元素的元素,加上内部jQuery栈中之前选中的那一组元素

  c)         . end()       内部jQuery栈中之前选中的元素

  d)         . map(callback)         对每个选中元素调用回调函数之后的结果

  e)         . pushStack(elements)     指定的元素

9、  操作选中的元素

  a)         .is(selector)      选中的元素,加上与给定选择符匹配的元素

  b)         . index()    元素的元素,加上内部jQuery栈中之前选中的那一组元素

  c)         . index(elements)     内部jQuery栈中之前选中的元素

  d)         $. contains(a,b)        对每个选中元素调用回调函数之后的结果

  e)         . each(callback)        迭代匹配的元素,针对每个元素执行callback函数

  f)          . get()       取得与匹配元素对应的DOM节点的列表

  g)         . get(index)       取得匹配元素中与指定索引对应的DOM节点

  h)         . toArray()         取得与匹配元素对应的DOM节点的列表

10、              自定义效果

  a)         .slideDown(attr,[speed],[easing],[callback])   针对指定的CSS属性执行自定义动画

11、              插入

  a)         .append(content)     在每个匹配元素内部的末尾插入content

  b)         .appendTo(selector)         将匹配的元素插入到selector匹配的元素内部的末尾

  c)         .prepend(content)   在每个匹配元素内部的开头插入content

  d)         .prependTo(selector)       将匹配的元素插入到selector匹配的元素内部的开头

  e)         .after(content)                  在每个匹配元素的后面插入content

  f)          .insertAfter(content)       将匹配的元素插入到selector匹配的元素的后面

  g)         .before(selector)      在每个匹配元素的前面插入content

  h)         .insertBefore(selector)    将匹配的元素插入到selector匹配的元素的前面

  i)           .wrap(content)         将匹配的元素包装到content中

  j)           .wrapAll(content)    将匹配的每个元素作为一个单元包装到content中

  k)         .wrapInner(content)        将匹配的每个元素内部的内容包装到content中

12、              替换

  a)         .replaceWith(content)     将匹配的元素替换为content

  b)         .replaceAll(selector)         将选择符匹配的元素替换为匹配的元素

13、              删除

  a)         .unwrap()                   删除元素的父元素

 

jQuery的常见操作