PHP技术,PHP研究及学习,Python学习,人工智能,大数据服务

PHP+Python » 前端设计 » jquery向元素内追加新元素,jquery向元素添加新内容,在元素前添加内容,在元素后添加内容

jquery向元素内追加新元素,jquery向元素添加新内容,在元素前添加内容,在元素后添加内容

此文被围观2413日期: 2012-12-21 分类 : 前端设计  标签:  ··········
jquery向元素内追加新元素,jquery向元素添加新内容,在元素前添加内容,在元素后添加内容... 这个问题是我们经常要用的,特别是在人机交互的时候! 这里记录一下jquery append appendto prepend prependto after insertafter before inserbefore的用法。
方法 描述 示例
Append() 向每个匹配的元素内追加内容 HTML代码  <ul></ul> JQuery代码 $(“ul”).append(“<li>AA</li>”); 结果 <ul> <li>AA</li> </ul>  
appendTo() 注意大小写,我试验时appendto没通过。 该方法和Append()相反,a.Append(b)是将b追加到a中,而appendTo()是将b追求到a中 HTML代码  <ul></ul> JQuery代码 $ (“<li>AA</li>”).appendTo (“ul”).; 结果 <ul> <li>AA</li> </ul>  
Prepend() 向每个匹配的元素内部前置内容 HTML代码  <p>哈哈</p> JQuery代码 $(“p”).prepend(“<b>ABC</b>”); 结果 <p><b>ABC</b>哈哈</p>
prependTo() 该方法和Prepend()相反,a. Prepend (b)是将b前置到a中,而prependTo ()是将b前置到a中 HTML代码  <p>哈哈</p> JQuery代码 $(“<b>ABC</b>”).prependTo.(“p”); 结果 <p><b>ABC</b>哈哈</p>
After() 在每个匹配的元素之后插入内容,是之后 HTML代码  <p>AAA</p> JQuery代码 $(“p”).After(“<b>cc</b>”); 结果 <p>AAA</p><b>cc</b>
insertAfter() 和After()相反 HTML代码  <p>AAA</p> JQuery代码 $ (“<b>cc</b>”).After(“p”); 结果 <p>AAA</p><b>cc</b>
Before() 在每个匹配的元素之前插入内容 HTML代码  <p>AAA</p> JQuery代码 $(“p”). Before (“<b>cc</b>”); 结果 <b>cc</b><p>AAA</p>
insertBefore() 和Before()相反 HTML代码  <p>AAA</p> JQuery代码 $ (“<b>cc</b>”). insertBefore (“p”); 结果 <b>cc</b><p>AAA</p>
好了,不要斋看,自己动手试试吧:)

本站使用ThinkPHP框架开发读图网主题,目前托管在阿里云,图片由读图网提供. 蜀ICP备12031064号

Copyright © 2011-2018adophper.com All Rights Reserved.