jquery作为Javascript中很重要的框架,可以满足Javascript中复杂代码简易化的需求,而且也可以处理Javascript中不能解决得问题。例如jquery根据不同的方法可以在指定的元素的不同位置添加合适的元素。本文介绍使用jquery添加元素的四种方法:1、append()方法在被选元素内部的结尾插入指定内容;2、prepend()方法在被选元素内部的开头插入指定内容;3、after()方法在被选元素之后插入内容;4、before()方法在被选元素之前插入内容。
1、append()方法:在被选元素内部的结尾插入指定内容
$(“p”).append(“在被选元素的末尾插入内容”);
使用实例
$(document).ready(function(){
$("#btn1").click(function(){
$("p").append(" Appended text.");
});2、prepend()方法:在被选元素内部的开头插入指定内容
$(“p”).prepend(“在被选元素的开头插入内容”);
使用实例
$(document).ready(function(){
$("#btn1").click(function(){
$("p").prepend("Prepended text. ");
});3、after()方法:在被选元素之后插入内容
$(“button”).after(“在后面添加文本”);
使用实例
$("#btn2").click(function(){
$("p").after("这是after插入的段落");
});4、before()方法:在被选元素之前插入内容
$(“button”).before(“在前面添加文本”);
使用实例
$("#btn1").click(function(){
$("p").before("这是before插入的段落");
});以上就是jquery添加元素的四种方法,大家一定一套根据添加的具体需求选择合适的方法哦~更多Javascript学习推荐:Javascript教程。



