1.获取设置内容
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容(包括 HTML 标记)
val() - 设置或返回表单字段的值
不加参数就返回相应的内容,也可以加入相应参数,设置内容。
我们还可以设置回调函数,回调函数由两个参数:被选元素列表中当前元素的下标,以及原始值。
$('div').html(function (i, old) {
alert(i + old);
});
因为$(‘div’)可能选择多个,下标就是指这个数组的下标。
2.获取设置属性
(1)获取属性值
$(selector).attr(attribute)
(2)设置属性值
$(selector).attr(attribute,value)
(3)设置多个属性值
$(selector).attr({attribute:value, attribute:value ...})
(4)使用函数来设置属性值
$(selector).attr(attribute,function(index,oldvalue))
3.获取设置 CSS 类
(1)addClass()
向被选元素添加一个或多个类
$("button").click(function(){
$("#div1").addClass("important blue");
});
(2)removeClass()
从被选元素删除一个或多个类
(3)toggleClass()
对被选元素进行添加/删除类的切换操作
4.获取设置css样式
(1)获取css属性
$(selector).css(name)
如:$("p").css("color");
如果想获得多个属性值,可以传入数组:
$("div").css(["background-color", "color"]);
(2)设置css属性
$(selector).css(name,value)
(3)使用函数来设置 CSS 属性
$(selector).css(name,function(index,value))
(4)设置多个css属性
$(selector).css({property:value, property:value, ...})