jquery笔记(操作HTML)

时间:2023-03-09 03:19:01
jquery笔记(操作HTML)

获取:

$("selector").text(): 获取元素里面的文本

$("selector").html(): 获取元素里面的代码标签

$("selector").value(): 获取元素里面的值

$("selector").attr(): 获取元素的属性

设置:

设置文本:$("selector").text("text")

设置html代码:$("selector").html("html")

设置值:$("selector").val("value")

设置属性:$("selector").attr({"attr1" : "attr1","attr2" : "attr2"});

添加元素:

$("selector").append("html代码"):在元素末尾追加html代码

$("selector").prepend("html代码"):在元素开头追加html代码

$("selector").after("html代码"):在元素之前追加html代码

$("selector").before("html代码"):在元素之后追加html代码

删除元素:

$("selector").remove("selector"):删除被选元素(及其子元素),可以采用选择器过滤删除

$("selector").empty("selector"):从被选元素中删除子元素

CSS类:

$("selector").addClass("classname1 classmame2"):添加多个css类

$("selector").removeClass("classname1 classname2"):移除多个css类

$("selector").toggleClass("classname1 classname2"):添加/移除多个css类切换

$("selector").css("class1, class2"):设置css样式,可多个

尺寸:

width() 方法设置或返回元素的宽度(不包括内边距、边框或外边距)。

height() 方法设置或返回元素的高度(不包括内边距、边框或外边距)。

innerWidth() 方法返回元素的宽度(包括内边距)。

innerHeight() 方法返回元素的高度(包括内边距)。

outerWidth() 方法返回元素的宽度(包括内边距和边框)。

outerHeight() 方法返回元素的高度(包括内边距和边框)。