Children

最新推荐文章于 2022-08-11 19:13:32 发布

weixin_33691700

最新推荐文章于 2022-08-11 19:13:32 发布

阅读量70

点赞数

文章标签： python javascript ViewUI

原文链接：https://my.oschina.net/u/138995/blog/203911

版权

2019独角兽企业重金招聘Python工程师标准>>>

如果不提供参数，选择一层孩子，如果提供参数，则在一层孩子中在进行过滤。

<html>
<head>
 
<script type="text/javascript" src="jquery.js"></script>
 
<style type="text/css">
	div{
		padding:8px;
		border:1px solid;
	}
</style>
 
</head>
 
<body>
 
<h1>jQuery children() example</h1>
 
<script type="text/javascript">
 
  $(document).ready(function(){
 
    $("#buttonChildren1").click(function () {
 
	$('div').css('background','white');
 
	$('.A1').children().css('background','red');
 
    });
 
    $("#buttonChildren2").click(function () {
 
	$('div').css('background','white');
 
	$('.A1').children('.child').css('background','red');
 
    });
 
  });
</script>
</head><body>
 
<div class="A1">
	<div class="child">A1-1</div>
	<div class="child">A1-2</div>
	<div class="orphan">A1-3</div>
	<div class="child">A1-4</div>
 
	<div class="A2">
		<div class="child">A2-1</div>
		<div class="child">A2-2</div>
 
		<div class="A3">
			<div class="child">A3-1</div>
			<div class="child">A3-2</div>
		</div>
	</div>
 
</div>
 
<br/>
<br/>
<br/>
 
<input type='button' value='.A1 children()' id='buttonChildren1'>
<input type='button' value='.A1 children(child)' id='buttonChildren2'>
 
</body>
</html>

转载于:https://my.oschina.net/u/138995/blog/203911