码迷,mamicode.com
首页 > Web开发 > 详细

jquery笔记(选择器)

时间:2017-08-29 21:39:00      阅读:187      评论:0      收藏:0      [点我收藏+]

标签:等于   contains   偶数   jquer   获取   ima   nbsp   执行   内容   

  • $("span,#two").css("background","#bbffaa"); 改变所有的<span>元素和id为two的元素的背景色;
  • $("ancestor descendant") 选取ancestor元素里的所有descendant(后代)元素,包含子元素、孙子元素等;
  • $("parent>child") 选取parent元素下的child元素,子元素;
  • $("prev+next") 选取紧接在prev元素后的同辈的next元素,等价于$("prev").next("next");
  • $("prev~siblings") 选取prev元素之后的所有同辈的siblings元素,等价于$("prev").nextAll("siblings");
  • siblings方法与前后位置无关,而$("prev~siblings")只选择后面的同辈元素;

 

基本过滤器:

  • $("div:first") 选取所有的<div>元素中第一个<div>元素,返回个元素;
  • $("div:last") 选取所有的<div>元素中最后一个<div>元素,返回个元素;
  • :not(selector),$("input:not(.myClass)")选取class不是myClass的input元素;
  • :even,是偶数的所有元素;
  • :odd ,是奇数的所有元素;
  • :eq(index),索引等于index的所有元素,返回个元素;
  • :gt(index),索引大于index的元素;
  • :lt(Index),索引小于Index的元素;
  • :header,所有标题元素;
  • :animated,所有正在执行动画的元素;
  • :focus,获取焦点的元素;

 

内容过滤器:

  • :contains(text) ,含有文本内容为“text”的元素;
  • :empty ,选取不包含子元素或者文本的空元素;
  • :has(selector),选取还含有选择器所匹配的元素的元素;
  • :parent ,选取含有子元素或者文本的元素;
  • :hidden , :visible;

 

子元素过滤选择器:

  • :nth-child(index/even/odd/equation) ,选取没给父元素下的第index个子元素或者奇偶元素,index从1算起
  • :first-child ,每个父元素的第一个元素;
  • :last-child , 每个父元素的最后一个元素;
  • :only-child,元素只有一个子元素时候被匹配。

jquery笔记(选择器)

标签:等于   contains   偶数   jquer   获取   ima   nbsp   执行   内容   

原文地址:http://www.cnblogs.com/xioruu/p/7449993.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!