JQuery（快速简介的第三方js库) 增删改查操作_jquery 如何使用第三方库-CSDN博客

本文链接：https://blog.csdn.net/weixin_47295886/article/details/125937164

$("...").next/prev() 找到紧邻的前一个或者后一个元素
$("...").nextAll/prevAll() 找到之前或者之后的所有元素
$("...").siblings() 找到除自己之外的所有兄弟

修改

获取元素属性 $("...").attr("属性名")
修改 $("...").attr("属性名"，属性值)

$a.attr("name") ------------获取a节点的name属性
$a.attr("name"，"张三") ----------------将a节点name属性值设置为张三

内容

html操作：

html():读取或者修改节点的HTML内容

$("p").html() -----------------获取p元素的HTML代码
$("p").html("<strong> hello world </strong>")------设置p元素的HTML代码

text操作：

text():读取或者修改节点的文本内容

$("p").text() -----------------获取p元素的文本
$("p").text("你好世界")------设置p元素的文本

值操作：

val():读取或者修改节点的value属性值

$("input:eq(5)").val() -----------------获取按钮的value值
$("input").val("你好世界")------设置按钮的value值

样式

直接修改CSS样式

获取CSS样式（计算后的样式）$("...").css("CSS属性名")
        修改CSS样式 $("...").css("CSS属性名"，想要修改的值)

通过修改class批量修改样式

        判断是否包含指定的class     $("...").hasClass("类名")
        添加class   $("...").addClass("类名")
        移除class   $("...").removeClass("类名")

添加

创建新元素 var $new =$("HTML代码")

将新元素结尾添加到DOM树 $(parent).append($newelem)

声明的变量是li 声明的父节点是ul

var $(li)=$("<li title='水果'>香蕉</li>")
var $parent=$("ul");
$(parent).append($li)

删除

$("...").remove

先选中后删除

//获取第二个<li>元素节点后删除一般从ep0开始

$("ul li:eq(1)").remove();

//<li>元素中属性title不等于菠萝的<li>元素删除

$("ul li").remove("li[tltle!=菠萝]");