通过jQuery添加新内容的方法-创新互联

通过jQuery添加新内容的方法?这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容,让我们一起来看看吧!

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:域名与空间、虚拟空间、营销软件、网站建设、临沧网站维护、网站推广。

通过jQuery添加新的内容方法有多种,可以使用append()方法和prepend() 方法进行在被选元素的结尾和开头插入内容。

append()方法

$(selector).append(content);
 标签        内容

当我们点击button时在p元素的后面添加hello文字


$("button").click(function(){
$("p").append(" Hello");
})

$(content).appendTo(selector)
  内容       标签

当我们点击button时在p元素的后面添加hello文字

$("button").click(function(){
$("Hello").append(" p");
})

prepend() 方法在被选元素的开头插入内容,用法与append()一样

$(selector).prepend(content)
  标签      内容

prependTo()方法


$(content).prependTo(selector)
  内容      标签

代码展示

通过jQuery添加新内容的方法

点击后效果图

通过jQuery添加新内容的方法

感谢各位的阅读!看完上述内容,你们对通过jQuery添加新内容的方法大概了解了吗?希望文章内容对大家有所帮助。如果想了解更多相关文章内容,欢迎关注创新互联行业资讯频道。

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


分享名称:通过jQuery添加新内容的方法-创新互联
链接URL:http://myzitong.com/article/csgsgp.html