<head>
<meta charset="UTF-8">
<title>2.高级选择器上</title>
</head>
<body>
<div id="no1">小透明</div>
<div class="info">NBA咨询</div>
<div class="info">神州60号</div>
<div class="info">下海捉鳖</div>
<hr>
<div id="btn">
<input type="button" value="显示no1和info的所有内容" onclick="showNo1andInfo()">
<input type="button" value="显示第二个按钮的名称">
</div>
<hr>
<div id="show">我是显示区</div>
</body>
<script src="js/jquery-1.8.3.js"></script>
<script>
/*2使用后代选择器*/
$("#btn input")[1].onclick=function () {
$("#show").html($("#btn input")[1].value);
}
/*1使用并集选择器*/
function showNo1andInfo() {
var $tags = $("#no1, .info");
var arr = [];
for (var i = 0; i <$tags.length ; i++) {
arr.push($tags[i].innerHTML);
}
$("#show").html(arr.join("<br>"))
}
</script>
浙公网安备 33010602011771号