課程
/前端開發
/jQuery
/jQuery基礎 (一)—樣式篇
$(".prev ~ div")
2017-04-26
源自:jQuery基礎 (一)—樣式篇 2-5
正在回答
你可以嘗試先刪除$(".prev ~ div")中的div ?然后看看改變了什么 ? ?然后把div改成span ?看看又有什么改變?
~可以簡單理解為后面所有兄弟元素 ?如果后面有div或者span,那就是后面所有標簽為div或span的兄弟元素
3. prev ~ siblings(prev元素的所有兄弟元素,等同于nextAll()方法)
$(document).ready(function () { ? ?// 選取class為inside之后的所有div兄弟元素 ? ?$('.inside ~ div').css('color', '#FF0000'); ? ?// 等價代碼 ? ?//$('.inside').nextAll('div').css('color', '#FF0000');});
下面的代碼,G2和G4會變色
<div class="inside">G1</div><div>G2</div><span>G3</span><div>G4</div>
參考網址http://www.cnblogs.com/tylerdonet/archive/2013/04/02/2996713.html
定位class="prev"下的所有div元素
舉報
jQuery初入開啟樣式修煉,體驗萬能的jQuery樣式集搭建網站布局
2 回答$(".prev+div")
1 回答$('div p')$(".prev + div")什么時候用雙引號,什么時候用單引號呢?
3 回答prev是什么意思?
4 回答.prev是什么意思啊
1 回答(".prev~ div").css("border", "3px groove blue");
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-06-25
你可以嘗試先刪除$(".prev ~ div")中的div ?然后看看改變了什么 ? ?然后把div改成span ?看看又有什么改變?
~可以簡單理解為后面所有兄弟元素 ?如果后面有div或者span,那就是后面所有標簽為div或span的兄弟元素
2017-05-21
3. prev ~ siblings(prev元素的所有兄弟元素,等同于nextAll()方法)
$(document).ready(function () { ? ?// 選取class為inside之后的所有div兄弟元素 ? ?$('.inside ~ div').css('color', '#FF0000'); ? ?// 等價代碼
? ?//$('.inside').nextAll('div').css('color', '#FF0000');});
下面的代碼,G2和G4會變色
<div class="inside">G1</div>
<div>G2</div>
<span>G3</span>
<div>G4</div>
參考網址http://www.cnblogs.com/tylerdonet/archive/2013/04/02/2996713.html
2017-04-26
定位class="prev"下的所有div元素