子节点过滤器
[1] :nth-child(index/even/odd/equation) Returns: Array<Element(s)>
说明: 匹配一个指定元素的第几个子节点元素或一个指定元素的奇数或偶数下标的元素。
然而::eq(index)只匹配单个元素,这个方法不只匹配一个元素:每个父节点下均有一个匹配元素。even,odd,equation在每个父节点下都可以匹配多个元素。不同于:eq()以0开始的索引,此方法的索引以1开始。
$("ul li:nth-child(2)").append("<span> - 2nd!</span>");
index: Number/String--用于匹配每个子节点的索引,以1开始的整数或者字串even,odd,equation(eg. :nth-child(even), :nth-child(4n) )。
[2] :first-child Returns: Array<Element(s)>
说明: 匹配每个父节点下第一个子节点元素。
然而::first只匹配一个元素,该选择器可匹配多个元素:每个父节点匹配一个元素。
$("div span:first-child")
.css("text-decoration", "underline")
.hover(function () {
$(this).addClass("sogreen");
}, function () {
$(this).removeClass("sogreen");
}
);
[3] :last-child Returns: Array<Element(s)>
说明: 匹配每个父节点下最后一个子节点元素。
然而::last只匹配一个元素,该选择器可匹配多个元素:每个父节点匹配一个元素。
$("div span:last-child")
.css({color:"red", fontSize:"80%"})
.hover(function () {
$(this).addClass("solast");
}, function () {
$(this).removeClass("solast");
}
);
[4] : only-child Returns: Array<Element(s)>
说明: 匹配所有只包含一个子元素的父节点下的那些子元素。
$("div button:only-child").text("Alone").css("border", "2px blue solid");
---------------------------------------------------------------------------------------------------------------------------------------
分享到:
相关推荐
jquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-ui
jquery-2.1.0jquery-2.1.0 jquery-2.1.0.min.js jquery-2.1.0-vsdoc.js 附Jquery官网下载方法: 源文件:http://code.jquery.com/jquery-[版本号].js 压缩文件:http://code.jquery.com/jquery-[版本号].min.js 如...
jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)...
来自最新的w3c官网提供,若有不明白或者不清晰的地方请访问改官网查询
jquery-easyui-EDT-1.5.2-build1 jquery-easyui-EDT-1.5.2-build1
jquery插件jquery-ui-1.8.18.custom.min.js
<script src="./public/js/jquery-ui-1.10.3.min.js"> <script src="./public/js/jquery.datepicker-zh-CN.js"></script> <link href="./public/css/jqueryui/jquery-ui-1.10.3.min.css" rel="stylesheet"> $( "#...
超酷jQuery幻灯片2010-8-31超酷jQuery幻灯片2010-8-31超酷jQuery幻灯片2010-8-31超酷jQuery幻灯片2010-8-31超酷jQuery幻灯片2010-8-31超酷jQuery幻灯片2010-8-31超酷jQuery幻灯片2010-8-31
第0课 - 内容概述 - [精通JavaScript+jQuery] 第1课 - JavaScript背景知识-[精通JavaScript+jQuery] 第2课 - JavaScript基础 - [精通JavaScript+jQuery] 第3课 - CSS基础 - [精通JavaScript+jQuery] 第4课 - CSS...
jquery--frame--ziyuan jquery--frame--ziyuan jquery--frame--ziyuan jquery--frame--ziyuan
jquery插件大全--打包下载 jquery插件大全--打包下载 jquery插件大全--打包下载 jquery插件大全--打包下载
jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-...
Jquery表单-层级-内容-属性-子元素选择器知识点整理,主要是关于Jquery选择器的知识点整理包括页面属性的选择如$(":empty")等,子元素的选择,层级选择$("parent > child")等
jquery 精简版 jquery 精简版 jquery 精简版jquery 精简版 jquery 精简版 jquery 精简版 jquery 精简版
jquery-colorbox jquery-colorbox jquery-colorbox
jQuery选择器过滤器全面的总结,老师推荐!
jquery学习-----jquery库讲义,更快的了解jquery
jQuery插件---mcdropdow.(仿下拉框多层次)jQuery插件---mcdropdow.(仿下拉框多层次)jQuery插件---mcdropdow.(仿下拉框多层次)jQuery插件---mcdropdow.(仿下拉框多层次)jQuery插件---mcdropdow.(仿下拉框多层次)
jquery插件jquery-ui-1.8.2.custom.min.js
jquery-1.7.1和-1.7.1vsdoc