北京网站模板下载,韩国设计教程网站,温州 做网站,网站怎么做安全:nth-of-type(n)选择器语法
$(selector:nth-of-type(n))
:nth-of-type(n)选择器语法解析
jQuery中#xff0c;:nth-of-type(n)选择器可以对selector选择器匹配选择到的所有HTML元素进行二次匹配选择#xff0c;为了更好地阐述:nth-of-type(n)的语法#xff0c;这里假设se…:nth-of-type(n)选择器语法
$(selector:nth-of-type(n))
:nth-of-type(n)选择器语法解析
jQuery中:nth-of-type(n)选择器可以对selector选择器匹配选择到的所有HTML元素进行二次匹配选择为了更好地阐述:nth-of-type(n)的语法这里假设selector是一个元素p选择器如此:nth-of-type(n)可以用于匹配p元素选择器选择到的p元素指向的父元素中第n个类型为p的子元素而且与p是否是该父元素的第n个子元素无关比如父元素有3个子元素分别是p、span和p那么:nth-of-type(2)选择到的是第二个p元素而不是第二个子元素。具体的可参考下方实例代码。
重点提示如果是selector是一个class选择器那么:nth-of-type(n)匹配选择的必须是class相同且元素类型也一致的所有元素中的第n个元素具体可参考下方的实例代码。
:nth-of-type(n)选择器实例代码
如下实例代码通过类class属性值为c的选择器匹配选择元素这些元素指向的父元素为一个div元素然后通过:nth-of-type(1)选择器选择该div中第一个类型class为c的子元素因为下方实例中class为c的div和class为c的段落p都是各自div和p元素集合中的第一个元素因此都会被选择
divdiv classcdiv/divspanspan/spanp classc段落/p
/divbutton idnthoftype classbtnjQuery/buttonscript$(#nthoftype).click(function(){$(.c:nth-of-type(2)).css(font-size,2.3em);})
/script
来源笨鸟工具
原文jQuery :nth-of-type(n)选择器
免责声明内容仅供参考不保证正确性
