jQuery后代选择器用法实例
更新时间：2014年12月23日 11:07:06 投稿：shichen2014
这篇文章主要介绍了jQuery后代选择器用法,以设置文本颜色的实例分析了后代选择器的应用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下
本文实例讲述了jQuery后代选择器用法。分享给大家供大家参考。具体分析如下：
后代选择器匹配给定的祖先元素下用以匹配的所有后代元素。
点击选择器可以查阅参考手册中所有jQuery选择器。
代码实例如下:
复制代码 代码如下:
$(".mydiv span")
以上代码匹配类名mydiv元素包含的span元素。两个选择器之间要用空格分隔。
实例代码:
复制代码 代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.jb51.net/" />
<title>脚本之家</title>
<style type="text/css">
div{
height:150px;
width:150px;
background-color:green;
margin-top:10px;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$(".mydiv span").css("color","red");
})
})
</script>
</head>
<body>
<div class="mydiv">
<span>脚本之家</span>
</div>
<div class="anotherdiv">
<span>脚本之家</span>
</div>
<button>点击查看效果</button>
</body>
</html>
该实例可实现将类名为mydiv的div下的span元素中的文本颜色设置为红色。
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
jQuery实现的指纹扫描效果实例(附演示与demo源码下载)
这篇文章主要介绍了jQuery实现的指纹扫描效果,以完整实例形式分析了jQuery实现图像按照指定模式显示的相关实现技巧,并附带附示例演示与demo源码供读者下载参考,需要的朋友可以参考下2016-01-01
jquery formvalidator插件是不错的国产验证插件了，做点普通的校验也是很方便的，但最近遇到个问题，发现如果表单整个表单是AJAX提交时，就不能按传统的做法了2013-01-01
这篇文章主要介绍了jQuery实现的简单图片轮播效果,结合完整实例形式分析了jQuery结合时间函数与随机数运算操作页面元素动态变换相关实现技巧,具有不动方向滑动、淡入淡出等切换效果,代码非常简单实用,需要的朋友可以参考下2018-02-02
这篇文章主要介绍了jQuery实现的简单分页,涉及jQuery数学运算与页面元素操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下2016-06-06
这篇文章主要介绍了jQuery实现简单的Ajax调用功能,结合实例形式分析了jQuery的$.ajax方法与后台php交互实现ajax调用功能相关操作技巧,需要的朋友可以参考下2019-02-02
有些WEB开发者，会引用一个JQuery类库，然后在网页上写一写$("#")，$(".")，写了几年就对别人说非常熟悉JQuery。其实你只是了解一点皮毛，并不知道其中的道理，下面通过本篇文章给大家介绍jquery定义插件的相关知识，感兴趣的朋友一起学习吧2015-12-12
jQuery 中关于CSS操作部分使用说明...2007-06-06
最近从朋友那儿听说，写JavaScript，JQuery是个不错的东东，市场份额达到70%之巨。所以去下载了一份体验了一下。2009-04-04
完美解决jQuery符号$与其他javascript 库、框架冲突的问题
下面小编就为大家带来一篇完美解决jQuery符号$与其他javascript 库、框架冲突的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
在JQuery的许多方法中，很多方法的参数可以传入一个JSON对象，比如Ajax方法的第二个参数。怎么将文本转化成JSON对象，需要注意以下问题2011-05-05
最新评论