.children()的父子問題
<!DOCTYPE?html>
<html>
<head>
????<meta?http-equiv="Content-type"?content="text/html;?charset=utf-8"?/>
????<title></title>
????<link?rel="stylesheet"?href="imooc.css"?type="text/css">
????<style>
????.left?{
????????width:?auto;
????????height:?120px;
????}
????
????.left?div?{
????????width:?150px;
????????height:?70px;
????????padding:?5px;
????????margin:?5px;
????????float:?left;
????????background:?#bbffaa;
????????border:?1px?solid?#ccc;
????}
????
????a?{
????????display:?block;
????}
????</style>
????<script?src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
</head>
<body>
????<h2>children方法()</h2>
????<div?class="left?first-div">
????????<div?class="div">
????????????<ul?class="level-1">
????????????????<li?class="item-1">1</li>
????????????????<li?class="item-2">2</li>
????????????????<li?class="item-3">3</li>
????????????</ul>
????????</div>
????????<div?class="div">
????????????<ul?class="level-2">
????????????????<li?class="item-1">1</li>
????????????????<li?class="item-2">2</li>
????????????????<li?class="item-3">3</li>
????????????</ul>
????????</div>
????????<div?class="div">
????????????<ul?class="level-3">
????????????????<li?class="item-1">1</li>
????????????????<li?class="item-2">2</li>
????????????????<li?class="item-3">3</li>
????????????</ul>
????????</div>
????</div>
????<button?id="bt1">點擊：children無參數(shù)</button>
????<button?id="bt2">點擊：children傳遞表達(dá)式</button>
????<script?type="text/javascript">
????$("#bt1").click(function()?{
????????$('.left?first-div').children().css('border',?'3px?solid?red')?
????})
????</script>
????<script?type="text/javascript">
????$("#bt2").click(function()?{
????????//找到所有class=div的元素
????????//找到其對應(yīng)的子元素ul，然后篩選出最后一個，給邊寬加上顏色
????????$('.div').children(':first').css('border',?'3px?solid?blue')
????})
????</script>
</body>
</html>要完成【找到所有class=div的元素節(jié)點，然后找到其對應(yīng)的子元素，并且加上一個紅色邊框
】此要求 為什么第60行不能這樣寫 而要寫成
$('.div').children().css('border',?'3px?solid?red')
2017-01-07
你好~你所寫的類選擇寫錯了.33行中<div?class="left?first-div">的意思是該div有兩個class名:一個是left,一個是first-div,而你在60行中寫的?$('.left?first-div')的意思是選擇class名為:left first-div.顯然是錯誤的.
在jquery中,用于選擇多個選擇器時,應(yīng)用逗號隔開.如:$('.class1','class2')
2016-09-28
如果非要想寫詳細(xì) 這么寫?$('.left.first-div').children().css('border', '3px solid red')
2016-09-28
你的選擇器寫錯了，程序根本找不到東西?? ?$('.left first-div').children().css('border', '3px solid red') 你這個的意思是class=left的標(biāo)簽里面的first-div標(biāo)簽的子元素~怎么可能對...