jquery 选择器

  • jQuery层级选择器

  • 基本筛选选择器

注意事项:

  1. :eq(), :lt(), :gt(), :even, :odd 用来筛选他们前面的匹配表达式的集合元素,根据之前匹配的元素在进一步筛选,注意jQuery合集都是从0开始索引
  2. gt是一个段落筛选,从指定索引的下一个开始,gt(1) 实际从2开始
  • 内容筛选选择器

注意事项:

  1. :contains与:has都有查找的意思,但是contains查找包含“指定文本”的元素,has查找包含“指定元素”的元素
  2. 如果:contains匹配的文本包含在元素的子元素中,同样认为是符合条件的。
  3. :parent与:empty是相反的,两者所涉及的子元素,包括文本节点
  • 可见性筛选选择器


:hidden选择器,不仅仅包含样式是display="none"的元素,还包括隐藏表单、visibility等等

我们有几种方式可以隐藏一个元素:

  1. CSS display的值是none。
  2. type="hidden"的表单元素。
  3. 宽度和高度都显式设置为0。
  4. 一个祖先元素是隐藏的,该元素是不会在页面上显示
  5. CSS visibility的值是hidden
  6. CSS opacity的指是0

如果元素中占据文档中一定的空间,元素被认为是可见的。
可见元素的宽度或高度,是大于零。
元素的visibility: hidden 或 opacity: 0被认为是可见的,因为他们仍然占用空间布局。

****不在文档中的元素是被认为是不可见的,如果当他们被插入到文档中,jQuery没有办法知道他们是否是可见的,因为元素可见性依赖于适用的样式****

  • 属性筛选选择器


在这么多属性选择器中[attr="value"]和[attr*="value"]是最实用的

[attr="value"]
能帮我们定位不同类型的元素,特别是表单form元素的操作,比如说
input[type="text"],input[type="checkbox"]等
[attr*="value"]
能在网站中帮助我们匹配不同类型的文件
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • jQuery选择器 jQuery选择器完全继承了CSS的风格。学会使用选择器是学习jQuery的基础,jQuery...
    AuthorJim阅读 519评论 0 1
  • 以下是自己在学习jQuery时做的笔记,分享出来 id选择器例子:$("#id")id是唯一的,每个id值在一个页...
    再见理想冷雨夜阅读 251评论 0 0
  • 淡月舞阅读 223评论 0 0
  • 今天都腊月24了,朋友圈里的伙伴们已经风风火火集了好几天五福了。大家普遍反映:还是缺一张敬业福。 这是在干嘛? 我...
    安之腾阅读 563评论 8 12
  • 浅望幸福,不写忧伤,红尘三千,不道惆怅,不问花开几许,只问浅笑安然 错过了糖心鸡头米,一碗冰清玉洁也足解夏日烦闷。
    张同学1009阅读 199评论 0 0