jQuery :first选择器
:first选择器
看到jQuery的:first选择器时，如果有CSS的开发经验，那么可能会想到其中伪类选择器。jQuery的:first选择器一般与其它的选择器搭配使用，而且写在该选择器之后，用于选取该选择器匹配选择到的所有HTML元素中的第一个元素（HTML文档流中写在前面的元素）。其语法如下：
$('selector:first')
提示：selector选择器与:first之间一般不使用空格。
jQuery :first选择器实例代码，及在线编辑器
下方实例中，将选择所有类属性为xyz的元素，并使用:first选择器选择第一个（写在前面的）元素进行CSS样式的设置：
<p class="xyz">段落</p>
<span class="xyz">DIV</span>
<br>
<a class="xyz">链接</a>
<br>
<button id="bt1" class="btn">点击</button>
<script>
$("#bt1").click(function(){
$(".xyz:first").css('font-size','3.5em');
})
</script>免责声明：内容仅供参考，不保证正确性！