jQuery选择器的附件限定词

最新推荐文章于 2024-05-21 14:15:14 发布

iteye_21104

最新推荐文章于 2024-05-21 14:15:14 发布

阅读量66

点赞数

分类专栏： jquery 文章标签： javascript java ViewUI

本文链接：https://blog.csdn.net/iteye_21104/article/details/82336578

版权

jquery 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<head>
	<title> 使用jQuery()函数 </title>
	<meta name="author" content="Yeeku.H.Lee" />
	<meta name="website" content="http://www.crazyit.org" />
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<style type="text/css">
		.test {
			font-size: 20pt;
		}
	</style>
</head>
<body>
	<ul>
		<li id="java">
			疯狂Java讲义
		</li>
		<li id="javaee" class="test">
			轻量级Java EE企业应用实战
		</li>
		<li id="ajax">
			疯狂Ajax讲义
		</li>
		<li id="xml">
			疯狂XML讲义
		</li>
		<li id="ejb">
			经典Java EE企业应用实战
		</li>
		<li>
			<span id="workflow">疯狂Workflow讲义</span>
		</li>
	</ul>
	<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
	<script type="text/javascript">
		//访问ul元素下第一个li子元素。
		$("ul>li:first").append("<b> 是ul元素之内第一个li子元素</b>");
		//访问ul元素之内，没有id属性的li子元素
		$("ul>li:not([id])").append("<b> 是ul元素之内、没有id属性li子元素</b>");
		//访问ul元素之内，索引为奇数的li子元素，并为它们添加背景色
		$("ul>li:even").css("background-color", "#ccffcc");
		//访问ul元素之内，索引大于4的li子元素(元素索引从0开始)
		$("ul>li:gt(4)").append("<br/><b> 是ul元素之内、索引大于4的li子元素</b>").css("border", "1px dashed black");
		//访问ul元素之内，且包含span元素的li子元素
		$("ul>li:has('span')").append("<br/><b> 是ul元素之内、且包含span元素的li子元素</b>");
		//访问li元素之内，且可见的span子元素
		$("li>span:visible").append("<b> 是li元素之内，且可见的span子元素</b>").css("background-color", "#bbbbbb");

	</script>
</body>

<head>
	<title> 使用jQuery()函数 </title>
	<meta name="author" content="Yeeku.H.Lee" />
	<meta name="website" content="http://www.crazyit.org" />
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<style type="text/css">
		.test {
			font-size: 20pt;
		}
	</style>
</head>
<body>
	<ul>
		<li id="java">
			疯狂Java讲义
		</li>
		<li id="javaee" class="test">
			轻量级Java EE企业应用实战
		</li>
		<li id="ajax">
			疯狂Ajax讲义
		</li>
		<li id="xml">
			疯狂XML讲义
		</li>
		<li id="ejb">
			经典Java EE企业应用实战
		</li>
		<li>
			<span id="workflow">疯狂Workflow讲义</span>
		</li>
	</ul>
	<span>疯狂Java联盟</span>
	<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
	<script type="text/javascript">
		//访问页面中第1、4、7...个li元素
		$("li:nth-child(3n+1)").css("border", "1px dashed black");
		//访问页面中span元素、且该span元素的父元素下仅包含该span元素。
		$("span:only-child()").append(" <b>是作为父元素唯一子元素的span元素</b>");
		//测试:first和:first-child之间的关系
		alert($("ul>li:first").html() == $("ul>li:first-child").html());

	</script>
</body>

iteye_21104

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery选择器的附件限定词

[code="html"] 使用jQuery()函数 .test { font-size: 20pt; } 疯狂Java讲义轻量级Java EE企业应用实战疯狂Ajax讲义疯狂XML讲义经典Java EE企业...
复制链接

扫一扫