jQuery - 对象设置

设置属性方法

种类	使用	说明
html() html("新元素")	$("被选元素").html();  $("被选元素").html("新元素");	返回被选元素的下游元素（包括 HTML 标记） 删除所有被选元素的下游元素，在原来位置生成新元素
text() text("新文本")	$("被选元素").text(); $("被选元素").text("新文本");	返回被选元素包围的所有文本内容 删除所有被选元素的下游元素，在原来位置生成新文本
attr("属性名") attr("属性名", "新值")	$("被选元素").attr("属性名"); $("被选元素").attr("属性名", "新值");	返回被选元素指定的属性（attribute） 被选元素指定的属性值更改为新值
removeAttr("属性名")	$("被选元素").removeAttr("属性名");	只删除被选元素的指定属性
prop("状态属性名") prop("状态属性名", "新值")	$("被选元素").prop("状态属性名"); $("被选元素").prop("状态属性名", "新值");	返回被选元素状态属性值 被选元素指定的状态属性值更改为新值
val() val("新值")	$("被选元素").val(); $("被选元素").val("新值");	返回被选元素表单字段的值 被选元素表单字段的值更改为新值
css("属性名") css("属性名", "新值")	$("被选元素").css("属性名"); $("被选元素").css("属性名", "新值");	返回被选元素指定的样式（CSS）属性值 被选元素指定的样式（CSS）属性值更改为新值
addClass("class值")	$("被选元素").addClass("class值");	被选元素的 class 属性中插入新值
removeClass("class值")	$("被选元素").removeClass("class值");	只删除被选元素的 class 属性中指定的值
toggleClass("class值")	$("被选元素").toggleClass("class值");	如果被选元素的 class 值中 包含指定的值就删除， 如果没有属性值就插入
hasClass("class值")	$("被选元素").toggleClass("class值");	如果被选元素的 class 值中， 包含指定的值返回true， 如果没有属性值返回false

设置数值方法

种类	使用	说明
height()	$("被选元素").height(); $("被选元素").height(100);	设置或返回元素的高度（不包括内边距、边框或外边距）
width()	$("被选元素").width(); $("被选元素").width(100);	设置或返回元素的宽度（不包括内边距、边框或外边距）
innerHeight()	$("被选元素").innerHeight(); $("被选元素").innerHeight(300);	设置或返回元素的高度（包括内边距）
innerWidth()	$("被选元素").innerWidth(); $("被选元素").innerWidth(300);	设置或返回元素的宽度（包括内边距）
outerHeight()	$("被选元素").outerHeight(); $("被选元素").outerHeight(100);	设置或返回元素的高度（包括内边距和边框）
outerWidth()	$("被选元素").outerWidth(); $("被选元素").outerWidth(100);	设置或返回元素的宽度（包括内边距和边框）
positiont()	$("被选元素").positiont().left; $("被选元素").positiont().top;	返回元素的（静态的，相对的，绝对或固定）的位置值
offset()	$("被选元素").offset(); $("被选元素").offset( { top: value, left : value } ); $("被选元素").offset(function(index, currentoffset));	返回偏移坐标 设置偏移坐标 使用函数设置偏移坐标
scrollLeft()	$(window).scrollLeft();	设置或返回被选元素的水平滚动条位置
scrollTop()	$(window).scrollTop();	设置或返回被选元素的垂直滚动条位置

设置对象方法

种类	使用	说明
befoer()	$("被选元素").befoer("新元素");	在被选元素之前插入指定内容
after()	$("被选元素").after("新元素");	在被选元素之后插入指定内容
append()	$("被选元素").append("新元素");	在被选元素的结尾插入指定内容
appendTo()	$("新元素").appendTo("被选元素");	在被选元素的结尾插入 HTML 元素
prepend()	$("新元素").prepend("被选元素");	在被选元素的开头插入指定内容
prependTo()	$("新元素").prependTo("被选元素");	在被选元素的开头插入 HTML 元素
insertBefore()	$("新元素").insertBefore("被选元素");	在被选元素前插入 HTML 元素
insertAfter()	$("新元素").insertAfter("被选元素");	在被选元素后插入 HTML 元素
clone()	$("被选元素").clone(true or false);	生成被选元素的副本，包含子节点、文本和属性
empty()	$("被选元素").empty();	移除被选元素的所有子节点和内容
remove()	$("被选元素").remove();	移除被选元素，包括所有的文本和子节点
replaceAll() replaceWith()	$("新元素").replaceAll("被选元素"); $("被选元素").replaceWith("新元素");	被选元素替换为新的 HTML 元素
unwrap()	$("被选元素").unwrap();	移除被选元素的父元素
wrap()	$("被选元素").wrap("新元素");	使用指定的 HTML 元素来包裹每个被选元素
wrapAll()	$("被选元素").wrapAll();	使用指定的 HTML 元素来包裹所有被选元素
wrapInner()	$("被选元素").wrapInner("新元素");	使用指定的 HTML 元素来包裹每个被选元素中的所有内容（innerHTML）