[ jquery 子元素选择器 总结 ] 总结: 伪类子元素选择器

总结:

  伪类中的子元素选择器:

 第一种类型:

 :first-child

  :last-child

  :nth-child()

  :nth-last-child()

 第二种类型:

  :only-child

  :only-of-type

 第三种类型:

  :first-of-type

  :nth-last-of-type()

  :nth-of-type()

特点:

  伪类选择器很有特点:

  1.位置:可以直接通过伪类选择器直接获取开始 结束 和第几个,通常和目标元素在什么位置上有关,可以从正着数,也可以从倒着数,计数从 1 开始

  2.类型:可以直接通过伪类选择器直接获取目标元素在子元素集中的位置来实现需求,可以从正着数,也可以从倒着数,计数从 1 开始

  3.唯一:可以直接通过伪类选择器直接选取 个数 || 类型(目标元素在父元素中是唯一的子元素)的元素

  4.并且每一种类型是可以通过另外方式实现的,并不是唯一的...

  5.参数传递也是有特点的,比如可以实现 even odd 表达式 数字

  6.真为自己的文字表述能力担心,真应该多写多练,也不知道在将来复习的时候,这些天书还能看懂多少.....

时间: 2024-10-06 00:14:45

[ jquery 子元素选择器 总结 ] 总结: 伪类子元素选择器的相关文章

Selectivizr-让IE6~8支持CSS3伪类和属性选择器

一.下载和demo 下载: 您可以狠狠地点击这里:selectivizr-1.0.0.zip(右键-[目标|链接另存为] 9.24K) demo: 您可以狠狠地点击这里:Selectivizr部分属性测试demo 二.简介 selectivizr是一个JavaScript工具,使IE浏览器也可以支持CSS3伪类以及属性选择器,使用很简单,只要把js include到页面上,然后你就可以(- o -)~zZ补觉了. 优点在于: 1. 让老的IE浏览器支持19个CSS3伪类,2个伪元素,以及所有的属

CSS3新增(选择器{属性选择器,结构伪类选择器,伪元素选择器})

1.属性选择器 属性选择器,可以根据元素特定的属性来选择元素,这样就不用借助 类 或者 id选择器. E [ att ]   选择具有 att 属性的 E 元素   例如:input [ value ] E [ att = 'val' ]   选择具有 att 属性且属性值等于 val 的 E元素 E [ att = 'val' ]   选择具有 att 属性且属性值等于 val 的 E元素 E [ att ^= 'val' ]   选择具有 att 属性且属性值以 val 开头的 E元素 E

利用jQuery.expr创建一个自己的伪类选择器

话说好久没来园子写博客了,哎,看来懒癌已经到晚期,得治... 进入正题.前段时间看到一段jQuery代码,代码里面用到了jQuery.expr这个对象.完全陌生又木有.翻了下jQuery的官方文档,没找到关于这个对象的解释,不过搜寻了一番过后终于在jQuery的选择器引擎——sizzle的文档里找到了线索.如果没猜错的话,这个对象应该是Sizzle.selectors对象的扩展.其实要验证这一点非常简单,我们把两个对象分别console.log出来对比下就知道了.页面引入jQuery和sizzl

表单,音视频,语义化标签与属性选择器,结构伪类选择器,伪元素选择器(按钮禁止点击)

HTML5简介 万维网的核心语言,标准通用标记语言的写一个应用超文本标记语言(HTML)的第五次重大修改,作为新HTML语言,具有新的元素,属性和行为:广义的HTML是包含HTML5本身 + CSS3 + JavaScript,虽然不被所有浏览器所支持,但它是一种趋势: 新增语义化标签 <header></header> <!-- 头部标签 --> <nav></nav> <!-- 导航标签 --> <article>&l

用HTML写伪类选择器,结构伪类选择器,伪元素选择器样式

html,css lorem乱序铭文 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt, nihil? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt, nihil? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt, nihil? Lorem

jQuery过滤选择器之伪类选择器和内容选择器

jQuery给我们提供了很多简易用的方法,jQuery过滤选择器是其中一种.过滤器主要通过特定的过滤规则来筛选所需DOM元素,使用冒号(:)开关. 一.基本过滤器 :first选取第一个元素(单个元素)$('li:first') :last选取最后一个元素(单个元素)$('li:last') :not(selector)等到class不是blue的元素$('li:not(.blue)')  选取class不是blue的元素 :even选择索引(0开始)是偶数的所有元素(集合元素)$('li:ev

如何使用CSS3中的结构伪类选择器和伪元素选择器

原文:如何使用CSS3中的结构伪类选择器和伪元素选择器 结构伪类选择器介绍# 结构伪类选择器是用来处理一些特殊的效果. 结构伪类选择器属性说明表 属性 描述 E:first-child 匹配E元素的第一个子元素. E:last-child 匹配E元素的最后一个子元素. E:nth-child(n) 匹配E元素的第n个子元素. E:nth-child(2n)或者E:nth-child(even) 匹配E元素的偶数子元素. E:nth-child(2n+1)或者E:nth-child(odd) 匹配

浅谈CSS的伪类与伪元素

本文向大家展示了CSS的伪类与伪元素,介绍的非常全面,这里推荐给大家参考下. 伪类 伪类选择元素基于的是当前元素处于的状态,或者说元素当前所具有的特性,而不是元素的id.class.属性等静态的标志.由于状态是动态变化的,所以一个元素达到一个特定状态时,它可能得到一个伪类的样式:当状态改变时,它又会失去这个样式.由此可以看出,它的功能和class有些类似,但它是基于文档之外的抽象,所以叫伪类. 伪类选择器:CSS中已经定义好的选择器,不能随便取名 :link 伪类将应用于未被访问过的链接,与:v

css选择器2——伪类选择器

一.伪元素选择器 1. E:first-letter/E::first-letter(css3时代两个冒号) 设置元素内的第一个字符的样式. 例如: p::first-letter{font-size:50px;} 2. E:first-line/E::first-line 设置元素内的第一行的样式. 例如: p::first-line{color:green;} 3. E:before/E::before在每个E元素的内容之前插入内容.用来和content属性一起使用. 例如: a::befo