你第一次點擊的時候取出.div里的三個li并加上新的p添加到div.right里,此時.right里有三個li一個p
“新的p元素”出現在前面的原因
第二次點的時候你把三個li取出,此時.right里只剩一個p(暫且取名‘次新p’),你再用三個li加一個新p添加到.right中時是添加到次新p的下面,就造成了你所看到的現像,其實最下面的p和三個li才是新添加的,上面的是以前的
“新的p元素”出現在前面的原因
第二次點的時候你把三個li取出,此時.right里只剩一個p(暫且取名‘次新p’),你再用三個li加一個新p添加到.right中時是添加到次新p的下面,就造成了你所看到的現像,其實最下面的p和三個li才是新添加的,上面的是以前的
2019-03-12
colsest()在當前的元素就起效,相當于大于或等于,并且找到一個相匹配的元素就停止搜索,parents()從父級開始起效,相當于大于,可以匹配多個結果。
2019-03-12
// 給<div> <div></div> </div> 里面的的div增加class style,最外面的div不加style
2019-03-11
$('.aaron1').clone().css('color','red')
//會選中所有的“aaron1”,復制生產之后的“aaron1”也是會被選中的
$(this).clone().css('color','red')
//選中當前的對象,一般鼠標指揮點擊一個,所有只有一個對象。
//會選中所有的“aaron1”,復制生產之后的“aaron1”也是會被選中的
$(this).clone().css('color','red')
//選中當前的對象,一般鼠標指揮點擊一個,所有只有一個對象。
2019-03-07
// 找到所有class=item-2的li
// 然后給每個li加上紅色的邊
$('.item-2').css('border', '1px solid red')
// 然后給每個li加上紅色的邊
$('.item-2').css('border', '1px solid red')
2019-03-01
div {
background: red;
width: 300px;
height:400px;
}
增加一個高度和明顯的顏色,運行后看得到div的還是在的。
background: red;
width: 300px;
height:400px;
}
增加一個高度和明顯的顏色,運行后看得到div的還是在的。
2019-02-28
$('<p style="color:red">測試insertBefore方法增加</p>'+ '<p style="color:red">多參數</p>').insertBefore($(".test1"))
把逗號改為+就可以插入多個標簽。
把逗號改為+就可以插入多個標簽。
2019-02-28
$(".test1").before($('h2'))
$(".test1").after($('<h2>jihao</h2>'))
.before () 和after()兩個函數在選定頁面的元素的時候,是剪切功能。比如上面的兩段代碼,按了第一次before()對應的按鈕,原來的<h2>部分的內容便會移動到.test1中,再按便沒有反應了。此時再按after()對應的按鈕,就會發現再.test1后出現“jiuhao”,再按before對應的按鈕,新出現的位于“before測試”后面的“jiuhao”會移動到“before測試”前面。
$(".test1").after($('<h2>jihao</h2>'))
.before () 和after()兩個函數在選定頁面的元素的時候,是剪切功能。比如上面的兩段代碼,按了第一次before()對應的按鈕,原來的<h2>部分的內容便會移動到.test1中,再按便沒有反應了。此時再按after()對應的按鈕,就會發現再.test1后出現“jiuhao”,再按before對應的按鈕,新出現的位于“before測試”后面的“jiuhao”會移動到“before測試”前面。
2019-02-28