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