jQuery中:last-child选择器用法实例
更新时间：2014年12月31日 14:21:51 投稿：shichen2014
这篇文章主要介绍了jQuery中:last-child选择器用法,实例分析了:last-child选择器功能、定义及匹配父元素的最后一个子元素用法技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了jQuery中:last-child选择器用法。分享给大家供大家参考。具体分析如下：
此选择器能够匹配父元素的最后一个子元素。
注意:last只选取一个元素，而此选择符将匹配每个父元素的最后一个子元素。
语法结构:
复制代码 代码如下:
$(":last-child")
此选择器一般也要和其他选择器配合使用，比如类选择器、元素选择器等等。例如:
复制代码 代码如下:
$("li:last-child").css("color","blue")
以上代码能够将父元素下最后一个li元素中的字体颜色设置为蓝色。
注意:这里有必要结合上面的代码再对概念进行一下说明。这里所说的父元素并不是li，而是li的父元素。很多人往往误以为是匹配li元素的子元素中的最后一个元素。
实例代码:
复制代码 代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.jb51.net/" />
<title>脚本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("li:last-child").css("color","blue")
})
})
</script>
</head>
<body>
<div>
<ul>
<li class="houtai" title="asp">ASP教程</li>
<li class="houtai" title="net">ASP.NET教程</li>
<li class="houtai" title="php">PHP教程</li>
</ul>
<ul>
<li class="qiantai" title="html">html教程</li>
<li class="qiantai" title="div">DIV+CSS教程</li>
<li class="qiantai" title="jquery">jQUERY教程</li>
<li class="qiantai" title="js">jAVAScript教程</li>
</ul>
</div>
<button>点击查看效果</button>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
在网页上经常可以看到有背景图片可以自动淡入淡入切换的效果，非常漂亮，实用性也非常高，今天小编给大家分享基于jquery代码实现图片墙自动+手动淡入淡出切换效果，感兴趣的朋友一起学习吧2016-05-05
这篇文章主要介绍了jQuery实现数字自动增加或者减少的动画效果,涉及jQuery结合时间函数动态设置元素属性相关操作技巧,需要的朋友可以参考下2018-12-12
下面小编就为大家带来一篇老生常谈JQuery data方法的使用。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
这个方法是一个将DataTable转换成字符串的方法 。2011-01-01
这篇文章主要为大家详细介绍了jQuery下拉框的简单应用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-06-06
jQuery调用WebService的实现代码,需要的朋友可以参考下。2011-06-06
这篇文章主要介绍了JQuery中属性过滤选择器用法,实例分析了jQuery属性过滤选择器的相关使用技巧,需要的朋友可以参考下2015-05-05
这篇文章主要介绍了jQuery实现遍历复选框的方法,结合实例形式分析了jQuery针对表单复选框元素的遍历与字符串操作相关技巧,需要的朋友可以参考下2017-03-03
本文给大家分享的是在使用uploadify上传文件或者图片的时候，如何做到限制上传个数的方法，十分的简单方便实用，有需要的小伙伴可以参考下。2015-11-11
jQuery编辑器KindEditor4.1.4代码高亮显示设置教程
接下来介绍下编辑器KindEditor4.1.4代码高亮显示设置：加载需要的JS和CSS文件/编辑器初始化设置后，在里面加prettyPrint等等，感兴趣的你可以参考下本文2013-03-03
最新评论