jQuery :first选择器使用介绍

1、first:获取第一个元素2、示例(1)源码first.html:复制代码代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。L1-过渡时期。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html；charset=GB 2312 '/title :优先选择器/title脚本类型=' text/JAVAScript ' src=' http : jquery-2。0 .3 .js /脚本样式类型=' text/CSS '正文{ width :7%；高度：100%;font-size :24 px字体粗细：加粗；背景-颜色： # CCCCFF文本对齐：居中；}/样式脚本类型=' text/JavaScript ' $(function(){//设置保险商实验所中的第一个里的背景色，运用到：first选择器$('li:first ').css(“”背景色，' # 00 DDD ')；//设置开环（同开环)中的第一个里的背景色，运用到：first选择器$('.两个li:first ').css(“”背景色，' # 0000 cc ')；//设置开环（同开环)中的第一个里的字体颜色，运用到：first选择器$('.两个li:first ').css('color '，' # FFFFFF ')；});/script/head body div ul class=' one ' Li苹果/li li梨子/li li橘子/li li西瓜/li li荔枝/li li葡萄/li li香蕉/li li香瓜/li /ul ol class='两里苹果/li li梨子/li li橘子/li li西瓜/li li荔枝/li li葡萄/li li香蕉/li li香瓜/li /ol /div /body /html (2)显示结果如下图