码迷,mamicode.com
首页 > Web开发 > 详细

夺命雷公狗jquery---2层级选择器

时间:2015-10-18 01:21:19      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:夺命雷公狗jquery---2层级选择器

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery.js"></script>
		<script>
			window.onload = function(){
				document.getElementById(‘btnok‘).onclick = function(){
					//1.通过匹配div1的所有span后代元素
					//$(‘.div1 span‘).html(‘test‘);
					//2.匹配div元素的所有span元素
					//$(‘div > span‘).html(‘test‘);
					//3.匹配div紧邻的div元素
					//$(‘.div1 + div‘).html(‘test‘);
					//4.匹配div1紧邻的所有div元素
					$(‘.div1 ~ div‘).html(‘test‘);
				}
			}
		</script>
	</head>
	<body>
		<input type="button" id="btnok" value="匹配" />
		<hr />
		<div class="div1">
			<span>第一个span标签噢</span>
			<div>
				<span>span元素,第一个div元素的后代元素</span>
			</div>
		</div>
		
		<div class="div2">
			<span>第二个div的子元素</span>
		</div>
		
		<div class="div3">div3</div>
	</body>
</html>


本文出自 “夺命雷公狗博客” 博客,请务必保留此出处http://leigood.blog.51cto.com/10796867/1703899

夺命雷公狗jquery---2层级选择器

标签:夺命雷公狗jquery---2层级选择器

原文地址:http://leigood.blog.51cto.com/10796867/1703899

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!