jQuery（三）

jQuery的属性与样式

DOM中操作属性的方法：
getAttribute() 
setAttribute()
removeAttribute()

jQuery中操作属性方法的好处：解决了兼容性问题
.attr() 
.removeAttr()

.html() 这个操作是针对整个HTML内容（不仅仅只是文本内容）
.text() .text()结果返回一个字符串，包含所有匹配元素的合并文本

.html()与.text()的异同：
1. 如果处理的对象只有一个子文本节点，那么html处理的结果与text是一样的
2. .html处理的是元素内容，.text处理的是文本内容
3. 火狐不支持innerText属性，用了类似的textContent属性，.text()方法综合了2个属性的支持，所以可以兼容
所有浏览器

.val()方法主要是用于处理表单元素的值，比如 input, select 和 textarea。

注意事项：
1. 通过.val()处理select元素， 当没有选择项被选中，它返回null
2. .val()方法多用来设置表单的字段的值
3. 如果select元素有multiple（多选）属性，并且至少一个选择项被选中， .val()方法返回一个数组，这个数组
包含每个选中选择项的值

.addClass()
.removeClass()

.toggleClass()
1.toggleClass是一个互斥的逻辑，也就是通过判断对应的元素上是否存在指定的Class名，如果有就删除，如果
没有就增加
2.toggleClass会保留原有的Class名后新增，通过空格隔开

.css()

1 css("font-size","15px");
2 css({
3     'font-size' :"15px",
4     "background-color" :"#40E0D0",
5     "border" :"1px solid red"
6 });

 

.data() 存储临时数据

1 <div data-test="this is test" ></div>

 

1 $("div").data("test"); //this is test!;