jQuery日记(3)--jQueryHTML

最新推荐文章于 2021-02-22 21:23:50 发布

原创最新推荐文章于 2021-02-22 21:23:50 发布 · 239 阅读

CC 4.0 BY-SA版权

5 篇文章

订阅专栏

本文详细介绍了使用jQuery操作DOM的方法，包括获取、设置、添加、删除元素等基本操作，并且讲解了如何利用jQuery来添加和删除CSS类。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

获取
.text() , .html(), .val(), .attr()
设置同获取
添加
$document. ready(function(){
$("#btn"). click(function(){
$(".p"). append("XXXXXXXX"); //内部结尾插入
$(".p"). prepend("aaaaaaa"); //在被选中元素内部的开头插入
$(".p"). after("b"); //外部后面
$(".p"). before("c");
})
})
添加多个元素
function appendText()
{
var txt1="<p>Text.</p>"; // 以 HTML 创建新元素
var txt2=$("<p></p>").text("Text."); // 以 jQuery 创建新元素
var txt3=document.createElement("p"); // 以 DOM 创建新元素
txt3.innerHTML="Text.";
$("p").append(txt1,txt2,txt3); // 追加新元素
}
删除
.remove //删除被选中元素及其子元素
.empty //delete children

$("p").remove(".italic"); //对删除的P 进行筛选将class="italic" 的p元素及其子元素删除
CSS类
.addClass();
.removeClass();
.toggleClass();
.css();