
正文
jqueryeq和nth,jqueryeq选择器
提示:扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
jquery里nth-child(3n)的意思
1、nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。n 可以是数字、关键词或公式。提示:该选择器选取父元素的第 N 个指定类型的子元素。n的取值为0,1,2,3,4,..的自然数。
2、(’tr:nth-child(odd)’) 选取表格中所有为奇数的行元素。(‘li:nth-child(3n)’) 在父级元素中有很多个元素,但只选取隔3次出现的元素。比如 1 2 3 4 5 6 7 8 其中3,6匹配。
3、nth-child(n)用法:在开发过程中,会碰到一些选择器的需求:例如使列表中的第一项或者最后一项显示不同的样式 、列表中的奇数或者偶数项显示不同的背景色 等等。
4、l nth-child(2):能选取每个父元素下的索引值为 2 的元素。l nth-child(3n):能选取每个父元素下的索引值是 3 的倍数的元素。l nth-child(3n + 1):能选取每个父元素下的索引值是 3n + 1的元素。
5、代码如下:li:nth-child(3n){ background:#ff0000;} CSS即层叠样式表(Cascading StyleSheet)。 在网页制作时采用层叠样式表技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
相关问答
Q1: CSS中:nth-child和JQuery:eq的区别
nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。例如选第2个就直接:nth-child(2):eq() 选择器选取带有指定 index 值的元素。
jquery有9种选择器,分别是基础选择器和层级选择器,和css中的选择器有些类似,jquery中的选择器所获得的是dom(document object model)对象,而css的只单是给标签增加样式。
这个是有区别的。首先说两者是属于不同的两门语言,jQuery是属于js的一个框架,则其选择器是js里面的选择器,css是另一门不同于js的语言,其选择器是css选择器,则两者在根本上是不同的。
其实jQuery选择器就只有一种$()函数或jQuery()函数,$只是jQuery的缩写。$()的引号中,以点开头,说明是选择Class。以井号开始,说明是选择ID,直接写入标签,则证明是选择指定的元素。最主要就是筛选器。
(‘li:nth-child(3n)’) 在父级元素中有很多个元素,但只选取隔3次出现的元素。比如 1 2 3 4 5 6 7 8 其中3,6匹配。(’li:nth-child(3n+5)’) 带有偏移量的选取。
jqueryeq和nth的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于jqueryeq选择器、jqueryeq和nth的信息别忘了在本站进行查找喔。






