jQuery的prependTo()方法

王朝学院·作者佚名  2016-08-27
窄屏简体版  字體: 小  |  中  |  大  |  超大  

PRependTo()方法的定义和用法:

此方法把匹配的元素插入指定元素内部的最前面。

prependTo()方法的作用和prepend()方法是相同的,但是在语法上是有差别的。

语法结构:

$(selector).prependTo(content)

参数列表:

(1).selector:要被插入的匹配元素。

(2).content:要被插入匹配元素的元素。

实例代码:

<!DOCTYPE html><html><head><metacharset=" utf-8"><metaname="author"content="http://www.softwhy.com/"/><title>蚂蚁部落</title><styletype="text/CSS">#box li{width:350px;height:25px;line-height:25px;font-size:12px;}</style><scriptsrc="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script><scripttype="text/javascript">$(document).ready(function() {

$("#bt").click(function() {

$("<li>蚂蚁部落新添加的元素</li>").prependTo("#box");

})

})</script></head><body><ulid="box"><li>蚂蚁部落欢迎您,只有努力才会有美好的未来</li><li>每一天都是新的,必须要好好把握。</li><li>没有人一开始就是高手,必须要努力奋斗。</li><li>未来都是虚无缥缈的,只有当前是现实。</li><li>分享和互助式进步的最大原动力</li><li>本站的url地址是softwhy.com</li></ul><inputtype="button"id="bt"value="查看效果"></body></html>

上面的代码可以将新创建li元素插入到ul元素的最前面。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=5283

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航