7.2 属性

一个html的元素,最常用的属性就是:
1.值,例如输入框的值
2.class,决定了元素的样式
3.元素的内部有什么,例如div内部
并不是所有元素都有这三个属性。

方法描述
addClass()向匹配的元素添加指定的类名。
attr()设置或返回匹配元素的属性和值。
hasClass()检查匹配的元素是否拥有指定的类。
html()设置或返回匹配的元素集合中的 HTML 内容。
removeAttr()从所有匹配的元素中移除指定的属性。
removeClass()从所有匹配的元素中删除全部或者指定的类。
toggleClass()从匹配的元素中添加或删除一个类。
val()设置或返回匹配元素的值。


1.任何元素包含value属性的,都可以使用val取得value的值,同时也可以设置value的值。示例:

//取得id为abc的元素,然后获取它的value属性
var v=$("#abc").val();
//弹窗测试看有没有取出来
alert(v);

含有value的通常就是表单元素,例如文本框、密码、按钮、下拉框、单选多选等等,以下是修改value值:

//取得id为abc的元素,然后修改它的value属性为testing
$("#abc").val("testing");


2.html()这函数用在获取元素内部所有html代码,举个例子,div内部也许有非常多的元素,如果某个div的id是abc,下面的代码将显示这个div的内部html,

//取得id为abc的元素,然后获取它的html属性
var v=$("#abc").html();
//弹窗测试看有没有取出来
alert(v);

而这个

//取得id为abc的元素,然后设置它的html属性
$("#abc").html("测试");
alert(v);