首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

jQuery 入门教程(14): 平添HTML元素

2013-03-16 
jQuery 入门教程(14): 添加HTML元素使用jQuery可以方便的添加新的HTML元素。下面的方法用于添加HTML元素:ap

jQuery 入门教程(14): 添加HTML元素

使用jQuery可以方便的添加新的HTML元素。
下面的方法用于添加HTML元素:

  • append() – 在指定的元素的尾部添加一个新内容。
  • prepend() -在指定的元素里前部添加新内容。
  • after() – 在指定元素前添加新内容
  • before() -在指定元素的后面添加新内容。

    乍一看append,prepend 和after,before似乎功能一样,但append,prepend指在选中的元素本身(内部)的前面和后面,而after,before指在选择中的元素的前面和后面。

    可以参考下面的append例子:

    prepend示例:

    append(),prepend()支持同时插入多个元素,下面的例子添加三个使用不同方法创建的新元素:

    同样after,before也支持同时插入多个元素:

    function afterText() {  // Create element with HTML  var txt1="<b>I </b>";   // Create with jQuery  var txt2=$("<i></i>").text("love ");   // Create with DOM  var txt3=document.createElement("big");   txt3.innerHTML="jQuery!";  // Insert new elements after img $("img").after(txt1,txt2,txt3);          }

热点排行