6.:first-child子元素过滤选择器

通过上面章节的学习,我们知道使用:first过滤选择器可以获取指定父元素中的首个子元素,但该选择器返回的只有一个元素,并不是一个集合,而使用:first-child子元素过滤选择器则可以获取每个父元素中返回的首个子元素,它是一个集合,常用多个集合数据的选择处理。

如下图,如果想把页面中每个ul中的第一个li获取到,并改变其颜色。则可以使用

: first-child

在浏览器中显示的效果:

通过$("li:first-child")选择器代码,获取了两个<ul>父元素中的第一个<li>元素,并使用css()方法修改了它们在页面中显示的文字颜色。

时间: 2024-10-14 14:44:07

6.:first-child子元素过滤选择器的相关文章

一步一步学习 JQuery (四) 过滤选择器:属性过滤选择器 &amp;&amp; 子元素过滤选择器 &amp;&amp; 表单过滤选择器

四.属性过滤选择器 属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素 选取下列元素,改变其背景色为 # bbffaa 含有属性title 的div元素. 属性title值等于"test"的div元素. 属性title值不等于"test"的div元素(没有属性title的也将被选中). 属性title值 以"te"开始 的div元素. 属性title值 以"est"结束 的div元素. 属性title值 含有"

jQuery子元素过滤选择器

1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 3 <html> 4 <head> 5 <!-- jQuery子元素过滤选择器 --> 6 &l

过滤选择器——子元素过滤选择器

在页面开发过程中,常常遇到突出指定某行的需求.虽然使用基本过滤选择器:eq(index)可以实现单个表格的显示,但不能满足大量数据和多个表格的选择需求.为了实现这样的功能,jQuery中可以通过子元素过滤选择器轻松获取所有父元素中指定的某个元素. 子元素过滤选择器语法 选择器 功能 返回值  :nth-child(eq|even|odd|index)  获取每个父元素下的特定位置元素,索引号从1开始 元素集合  :first-child  获取每个父元素下的第一个子元素 元素集合  :last-

黑马day16 子jquery&amp;子元素过滤选择器

此选择器主要对所选择的表单元素进行过滤 1.:enabled 用法: $("input:enabled")    返回值  集合元素 说明:匹配所有可用元素.意思是查找所有input中不带有disabled="disabled"的input.不为disabled,当然就为enabled啦. 2.:disabled 用法: $("input:disabled")    返回值  集合元素 说明:匹配所有不可用元素.与上面的那个是相对应的. 3.:c

jQuery选择器-子元素过滤选择器

:nth-child: 选取每个父元素下的第index(从1开始)个子元素或奇偶元素,返回元素集合. 1 <script type="text/javascript"> 2 $(function(){ 3 $("div.one :nth-child(2)").css("background","#bbffaa") 4 }); 5 </script> :first-child: 选取每个父元素的第1个子元

子元素过滤选择器

$(function (){ //jQuery代码 $("li:nth-child(2)").addClass("GetFocus"); //获取每个元素下的特定元素,索引号从1开始 $("li:first-child").addClass("GetFocus"); //获取每个父元素下的第一个子元素 $("li:last-child").addClass("GetFocus"); //

JQuery表单元素过滤选择器

此选择器主要是对所选择的表单元素进行过滤: 选择器 描述 返回 enabled 选择所有的可用的元素 集合元素 disabled 选择所有的不可用的元素 集合元素 checked 选择所有被选中的元素(单选框,复选框) 集合元素 selected 选择所有被选中选项元素(下拉列表) 集合元素 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd&q

子元素筛选选择器

注意事项: :first只匹配一个单独的元素,但是:first-child选择器可以匹配多个:即为每个父级元素匹配第一个子元素.这相当于:nth-child(1) :last 只匹配一个单独的元素, :last-child 选择器可以匹配多个元素:即,为每个父级元素匹配最后一个子元素 如果子元素只有一个的话,:first-child与:last-child是同一个 :only-child匹配某个元素是父元素中唯一的子元素,就是说当前子元素是父元素中唯一的元素,则匹配 jQuery实现:nth-c

Jquery过滤选择器,选择前几个元素,后几个元素,内容过滤选择器等

一.基本过滤选择器(重点掌握下列八个):first 选取第一个元素 $("div:first").css("color","red");:last 选取最后一个元素 $("div:last").css("color","red");:not 除去指定的选择器外的元素 $("div:not").css("color","red")