jQuery:first选择器使用介绍_jquery



1、:first：获取第一个元素
2、示例
（1）源码
first.html：
代码如下:








$(function(){
//设置ul中的第一个li的背景色，运用到:first选择器
$("li:first").css("background-color","#00DDDD");
//设置ol中的第一个li的背景色，运用到:first选择器
$(".two li:first").css("background-color","#0000CC");
//设置ol中的第一个li的字体颜色，运用到:first选择器
$(".two li:first").css("color","#FFFFFF");
});

苹果

梨子

橘子

西瓜

荔枝

葡萄

香蕉

香瓜

1. 苹果


2. 梨子


3. 橘子


4. 西瓜


5. 荔枝


6. 葡萄


7. 香蕉


8. 香瓜

（2）显示结果如下图