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() 方法返回元素的高度（包括内边距和边框）。

jquery笔记（操作HTML）

标签：

原文地址：http://www.cnblogs.com/jlj9520/p/4846094.html