文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>【jQuery使用手册】五:文档处理

【jQuery使用手册】五:文档处理

时间:2010-08-25  来源:Tony_Zhang

    五:文档处理

    append(content)    返回值:jQuery

    向每个匹配的元素内部追加内容。这个操作与对指定的元素执行appendChild方法,将它们添加到文档中的情况类似。参数content:要追加到目标中的内容。示例:向所有段落中追加一些HMTL标记。    

1 HTML代码:
2         <p>I would like to say:</p>
3 jQuery代码:
4         $("p").append("<b>Hello</b>");
5 结果:
6         [<p>I would like to say:<b>Hello</b></p>]

 

    append(function(index,html))    返回值:jQuery

    jQuery1.4新增。向每个匹配的元素内部追加内容。参数function:返回一个HTML字符串,用于追加到每一个匹配元素的里边。接受两个参数,index参数为对象在这个集合中的索引值,html参数为这个对象原先得html值。

    appendTo(content)    返回值:jQuery

    把所有匹配的元素追加到另一个指定的元素集合中。实际上,使用这个方法是颠倒了常规的$(A).append(B)的操作。示例:把所有段落追加到ID值为foo的元素中。    

代码 1 HTML代码:
2         <p>I would like to say:</p>
3        <div></div><div></div>
4 jQuery代码:
5         $("p").appendTo("div");
6 结果:
7         <div><p>I would like to say:</p></div>
8         <div><p>I would like to say:</p></div>

 

    示例:把新建的段落追加到div中并加上一个class。    

代码 1 HTML代码:
2         <div></div><div></div>
3 jQuery代码:
4          $("<p/>").appendTo("div").addClass("test").end().addClass("test2");
5 结果:
6          <div><p class="test test2"></p></div>
7         <div><p class="test"></p></div>

 

 

相关阅读 更多 +
排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载