添加一个高度和背景,只是里面的文字被删了,背景框仍然在
div {
background: #bbffaa;
width: 300px;
height:200px;
}
div {
background: #bbffaa;
width: 300px;
height:200px;
}
2016-11-04
append() 方法在被选元素的结尾(仍然在内部)插入指定内容。$(selector).append(content)
例子:
$("button").click(function(){
$("p").append(" <b>Hello world!</b>");
});
例子:
$("button").click(function(){
$("p").append(" <b>Hello world!</b>");
});
2016-11-04
$('li').add('<p>新的p元素</p>').appendTo($('.right'))这句话的意思是:把li元素集合还有 <p>新的p元素</p>同时添加到 <div class="right"></div> 这里。
结构图效果如下:
<div class="right"><li>list item 1</li><li>list item 2</li><li>list item 3</li><p>新的p元素</p></div>
结构图效果如下:
<div class="right"><li>list item 1</li><li>list item 2</li><li>list item 3</li><p>新的p元素</p></div>
2016-11-02
$("button:first").click(function(){
$("li").each(function(index, element){
$(this).css("color", "red")
})
})
$("button:last").click(function(){
$("li").each(function(index, element){
if ( index % 2 ) {
$(this).css("color", "purple")
}
})
})
$("li").each(function(index, element){
$(this).css("color", "red")
})
})
$("button:last").click(function(){
$("li").each(function(index, element){
if ( index % 2 ) {
$(this).css("color", "purple")
}
})
})
2016-11-02