jQuery 的 :gt() 选择器用于选择索引大于索引参数中提到的索引的元素。语法语法如下：$(":gt(index)")此处，参数 index 是指定的索引。将选择此索引以上的元素。示例现在让我们来看一个实现 :gt() 选择器的示例：    .demo {       background-color: blue;       color: white;       font-size: 18px;       border: 2px orange solid;    }    $(document).ready(function(){       $("tr:gt(2)").addClass("demo");    }); 结果 排名 分数 选手 1 100 Virat Kohli 2 80 Steve Smith 3 75 David Warner 4 60 Kane Williamson 5 50 Ben Stokes 6 45 Rohit Sharma 输出这将产生以下输出：

jQuery 的 :focus 选择器用于选择当前具有焦点的元素。语法语法如下：$(":focus")示例现在让我们来看一个实现 :focus() 选择器的示例：    .one {       color: brown;       background-color: orange;       font-size: 16px;       border: 2px blue solid;    }    $(document).ready(function(){       $("input").focus();       $(":focus").addClass("one");    }); 填写表单 ID： 排名： 喜好科目： 数学： 英语 输出这将产生以下输出：

jQuery 的 :first-of-type 选择器用于选择作为其父元素的第一个元素的元素。语法语法如下：$(":first-of-type")示例现在让我们来看一个实现 :first-of-type() 选择器的示例：    .demo {       background-color: red;       color: white;       font-size: 16px;       border: 2px blue dashed;    }    $(document).ready(function(){       $("p:first-of-type").addClass("demo");    }); 这是第一行！ 这是第二行！ 这是第三行！ 一 二 三 四 A B 这是最后一行。 输出这将产生以下输出：

jQuery 的 :first-child 选择器用于选择作为其父元素的第一个子元素的所有元素。语法语法如下：$(":first-child")示例现在让我们来看一个实现 :first-child() 选择器的示例：    .demo {       background-color: red;       color: white;       font-size: 16px;       border: 2px blue dashed;    }    $(document).ready(function(){       $("p:first-child").addClass("demo");    }); 这是第一行！ 这是第二行！ 这是第三行！ 一 二 三 四 这是最后一行。 输出这将产生以下输出：

jQuery 的 :first 选择器用于选择第一个 DOM 元素。语法语法如下：$(":first")示例现在让我们来看一个实现 :first() 选择器的示例：    .demo {       background-color: red;       color: white;       font-size: 16px;       border: 2px blue dashed;    }    $(document).ready(function(){       $("input:first").addClass("demo");    }); 职位申请 申请人姓名： 排名： 简历： 输出这将产生以下输出：

jQuery 的 :file 选择器用于选择所有类型为“file”的输入元素。语法语法如下：$(":file")示例现在让我们来看一个实现 :file() 选择器的示例：    .demo {       background-color: blue;       color: white;       font-size: 16px;       border: 2px blue dashed;    }    $(document).ready(function(){       $(":file").addClass("demo");    }); 职位申请 申请人姓名： 排名： 简历： 输出这将产生以下输出：

jQuery 的 :even 选择器用于选择偶数元素，即具有偶数索引号的元素。注意：jQuery 3.4 中已弃用 :even 选择器语法语法如下：$(":even")示例现在让我们来看一个实现 :even() 选择器的示例：    .one {       background-color: blue;       color: white;       font-size: 18px;       border: 2px blue dashed;    }    $(document).ready(function(){       $("tr:even").addClass("one");    }); 结果 排名 分数 选手 1 100 Virat Kohli 2 80 Steve Smith 3 75 David Warner 4 60 Kane Williamson 5 50 Ben Stokes 6 45 Rohit Sharma 输出这将产生以下输出：

jQuery 的 :enabled 选择器用于选择所有启用的输入元素。语法语法如下：$(":enabled")示例现在让我们来看一个实现 :enabled() 选择器的示例：    .one {       background-color: orange;       font-size: 16px;       border: 2px blue dashed;    }    $(document).ready(function(){       $(":enabled").addClass("one");    }); 结果 用户名： 密码： 输出这将产生以下输出：

jQuery 的 :empty 选择器用于选择所有为空的元素。语法语法如下：$(":empty")示例现在让我们来看一个实现 :empty() 选择器的示例：    .demo {       color: brown;       background-color: orange;       font-size: 16px;       border: 2px blue dashed;       width:100px;       height:70px;    }    $(document).ready(function(){       $("p:empty(.one)").addClass("demo");    }); 输入详情 ID： 排名： 喜好科目： 数学： 英语 输出这将产生以下输出：

jQuery 的 :disabled() 选择器用于选择所有禁用的输入元素。语法语法如下：$(":disabled")示例现在让我们来看一个实现 :disabled() 选择器的示例：    .one {       color: brown;       background-color: orange;       font-size: 16px;       border: 2px blue dashed;    }    $(document).ready(function(){       $(":disabled").addClass("one");    }); ID： 排名： 喜好科目： 数学： 英语 输出这将产生以下输出：