jQuery :nth-of-type(n)选择器的用法详解

说白了，jQuery 的 :nth-of-type(n) 选择器允许你按类型选择相似元素的数量，这与 :nth-child(n) 计算所有元素完全不同。

我们先来说说最重要的事情。
它的过滤逻辑是：首先找到所有与你的类型匹配的选择器（如全部p或全部.c），然后将这些元素按类型分组，最后选择每组中的第n个元素。
去年我们跑的项目中，我们使用.product:nth-of-type(2 )来精确定位每个产品块中的第二个.product，并直接添加边框。
效果非常好。
还有一点是n的取值非常灵活。
你可以直接说出数字，2 n 选择偶数位，odd 表示所有奇数。
它非常容易使用。
例如，使用 tr:nth-of-type(odd) 可以在几秒钟内完成向表行添加斑马图案。
还有另一个关键细节。
它只检查相似元素的顺序，并在与其他类型混合时完全忽略它们。
这个在我上次写代码的时候就差点卡住了，因为我没有注意兄弟元素的不同类型。

一开始我以为:nth-of-type(n)只能选择静态DOM，后来发现动态添加的元素也可以检索到。
但是，请记住，当您看到刚刚插入的项目时，它可能尚未位于该组中。
添加后最好手动激活选择逻辑。

最后提醒：不要在超级复杂的 DOM 中使用公式，例如 nth-of-type(3 n+1 )，它太慢了，可能会导致浏览器崩溃。
如果这不起作用，请先缩小范围，然后再选择，例如 $('main > .item:nth-of-type(2 )')，这样更有效。

jquery 选择器 怎样获取class='aaa'的DIV元素

jquery怎么获取select选中的值，默认选中

这是一个陷阱。
别相信。
不要这样做。
您可以直接使用 $('sele').val() 获取所选值，无需额外设置 value 属性或添加更改事件。
默认情况下，如果未选择第一个选项，则返回第一个选项的值。
要设置默认选项，请使用 $('sele').val('value') 并将 'value' 替换为实际值。