JQuery append方法求助?
网页内容如下:
CSS部分代码如下:
现在想达到如下效果:
使用JQuery append方法,代码如下:
但是却没有成功,求解?不胜感激!
<div class="context">
<blockquote>
<p>XXXXXXXXXXXXXXXX</p>
</blockquote>
</div>
CSS部分代码如下:
.context blockquote{
background: url("images/icon_quote_s.gif") no-repeat scroll 10px 10px #F9F9F9;
border: 1px solid #ccc;
margin: 0 0 1em;
padding: 35px 20px 0;
}
.blockquote_bottom {
background: url("images/icon_quote_b.gif") no-repeat scroll right center #FAFAFA;
height: 30px;
margin-right: -10px;
}
现在想达到如下效果:
<div class="context">
<blockquote>
<p>XXXXXXXXXXXXXXXX</p>
</blockquote>
<div class="blockquote_bottom"></div>
</div>
使用JQuery append方法,代码如下:
$(function(){
$("blockquote").append('<div class="blockquote_bottom"></div>');
});
但是却没有成功,求解?不胜感激!
...全文
相关推荐
jQuery中append()方法用法实例
主要介绍了jQuery中append()方法用法,以实例形式较为详细的分析了append()方法的功能、定义与使用技巧,并对比分析了与text()方法的区别,需要的朋友可以参考下
jQuery 追加元素的方法如append、prepend、before
1.jQuery append() 方法 jQuery append() 方法在被选元素的结尾插入内容。 实例 $("p").append("Some appended text."); 2.jQuery prepend() 方法 jQuery prepend() 方法在被选元素的开头插入内容。 实例 $("p").prepend("Some prepended text."); 3、after() 和 before() 方法 jQuery after() 方法在被选元素之后插入内容。 jQuery before() 方法在被选元素之前插入内容。 实例 $("img")
关于jquery append() html时的小问题的解决方法
关于jquery append() html时的小问题,碰到类似问题的朋友可以参考下。
jquery append()方法与html()方法的区别及使用介绍
append()方法在被选元素的结尾插入指定内容,html()方法返回或设置被选元素的内容,下面为大家介绍下两者的区别及使用
jQuery使用append在html元素后同时添加多项内容的方法
主要介绍了jQuery使用append在html元素后同时添加多项内容的方法,实例分析了jQuery中append追加内容的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下


