jquery子元素过滤选择器

子元素过滤选择器需要我们时刻理元素的父元素和子元素，只要这样我们才能运用的得心应手。

1、:nth-child选择器

匹配每一个父元素下面的的第index个子元素或者奇偶子元素。比如下面的：

(1)、:nth-child(even):能选取每一个父元素下面的索引值为偶数的元素。

(2)、:nth-child(old):能选取每一个父元素下面的索引值为奇数的元素。

(3)、:nth-child(3):能选取每一个父元素下面的索引值为3的元素。

(4)、:nth-child(3):能选取每一个父元素下面的索引值为3的倍数的元素。

2、:first-child子选择器

选取每一个父元素的第一个子元素

3、:last-child子选择器

选取每一个父元素的最后一个子元素

4、:only-child子选择器

如果某一个元素是它的父元素的唯一元素，那么该元素就会被匹配。

jquery子元素过滤选择器相关推荐

jquery子元素过滤选择器:nth-child、:first-child、:last-child、:only-child
全栈工程师开发手册 (作者:栾鹏) jquery系列教程1-选择器全解 jquery子元素过滤选择器 jquery子元素过滤选择器,包括:nth-child.:first-child.:last-ch ...
过滤选择器——子元素过滤选择器
在页面开发过程中,常常遇到突出指定某行的需求.虽然使用基本过滤选择器:eq(index)可以实现单个表格的显示,但不能满足大量数据和多个表格的选择需求.为了实现这样的功能,jQuery中可以通过子元素 ...
6.:first-child子元素过滤选择器
通过上面章节的学习,我们知道使用:first过滤选择器可以获取指定父元素中的首个子元素,但该选择器返回的只有一个元素,并不是一个集合,而使用:first-child子元素过滤选择器则可以获取每个父元素 ...
jQuery子元素选择器
7.jQuery子元素选择器 7.1:first-child 匹配所给选择器( :之前的选择器)的第一个子元素类似的:first匹配第一个元素,但是:first-child选择器可以匹配多个:即为每个 ...
【jQuery 教程系列第 10 篇】jQuery 中的过滤选择器（基本筛选器）
这是[jQuery 教程系列第 10 篇],如果觉得有用的话,欢迎关注专栏. jQuery 中除了一些基本选择器 ,也有一些过滤选择器,本篇博客仅挑选其中的几个简单说明一下,其它的大家可以点击 jQ ...
jq遍历子元素_jquery:::选择器/遍历/获取所有的子元素、兄弟元素
jquery是一个基于javascript的轻量级工具包,是基于javascript的函数库,它使得javascript开发更加高效快捷. 1,jquery的选择器分为: 基本选择器(又分为id选择器 ...
jQuery 子元素选择器 find() 和 children()
在前面的文章中多次提到了子元素和直接子元素,本篇文章来说明这两者的区别. <div id="list"><div name="a"> ...
【7】jQuery学习——入门jQuery选择器之过滤选择器-可见性过滤选择器
这篇什么都不说,看标题就知道了,很简单,就2个选择器,嘿嘿选择器描述返回 $("Element:hidden") 选取所有不可见的元素集合元素 $("Elemen ...
jQuery——子元素筛选器
子元素筛选器名称 :first-child JQ语法 jQuery( "selector:first-child" ) 说明 :first-child选择器用于匹配作为父元素的第 ...

jquery子元素过滤选择器

jquery子元素过滤选择器

1、:nth-child选择器

2、:first-child子选择器

3、:last-child子选择器

4、:only-child子选择器

jquery子元素过滤选择器相关推荐

最新文章

热门文章