html如何添加或删除元素,添加、删除HTML元素
使⽤jQuery可以⽅便的添加新的HTML元素。
下⾯的⽅法⽤于添加HTML元素:
append() – 在指定的元素的尾部添加⼀个新内容。
prepend() -在指定的元素⾥前部添加新内容。
after() – 在指定元素前添加新内容
before() -在指定元素的后⾯添加新内容。
乍⼀看append,prepend 和after,before似乎功能⼀样,但append,prepend指在选中的元素本⾝(内部)的前⾯和后⾯,⽽after,before指在选择中的元素的前⾯和后⾯。
jQuery使⽤下⾯两个⽅法来删除或是清空某个HTML元素。
remove() – 删除指定的元素(包括其⼦元素)
empty() – 清空指定元素的⼦元素
例如:
JQuery Demo
$(document).ready(function () {
$("button").click(function () {
$("#div1").remove();
});
});
This is some text in the div.
This is a paragraph in the div.
This is another paragraph in the div.
Remove div element
JQuery Demo
$(document).ready(function () {
$("button").click(function () {
$("#div1").remove();
});
});
This is some text in the div.jquery在一个元素后追加标签
This is a paragraph in the div.
This is another paragraph in the div.
Remove div element
empty() ⽰例:
[html]
JQuery Demo
$(document).ready(function () {
$("button").click(function () {
$("#div1").empty();
});
});
This is some text in the div.
This is a paragraph in the div.
This is another paragraph in the div.
Empty the div element
JQuery Demo
$(document).ready(function () {
$("button").click(function () {
$("#div1").empty();
});
});
This is some text in the div.
This is a paragraph in the div.
This is another paragraph in the div.
Empty the div element
jQuery的remove()⽅法也⽀持⼀个参数,可以⽤于过滤⼀些需要删除的HTML元素。这个参数可以为任何有效的jQuery selector.⽐如下⾯代码只删除class=”italic”的
元素:
[javascript]
$("p").remove(".italic");
$("p").remove(".italic");

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。