DOM样式操作
2018-11-19 本文已影响0人
三岁麻麻
class 类名样式操作
| 方法 | 介绍 | 示例 |
|---|---|---|
| attr() | 设置属性来设置class类名 | $("ul").attr("class","myclass") |
| addClass() | 增加class类名 | $("ul").addClass("myclass") |
| removeClass() | 删除class类名 | $("ul").removeClass("test")参数可选，空为全部移除 |
| toggleClass() | 重复切换类名 | $("ul").toggleClass("myclass"); 点击没有就添加myclass有就删除 |
| hasClass() | 重复切换类名 | $("ul").hasClass("") 返回true和false |
toggleClass 示范
$('.test').bind("mouseover mouseout",function(){
$(this).toggleClass("over");
});
设置获取html文本和值
| 方法 | 介绍 | 示例 |
|---|---|---|
| html() | 获取和设置html结构 | $("ul").html("<li></li>") |
| text() | 获取和设置文本内容 | $("ul").html("<li></li>") |
| val() | 获取和设置元素的值 |
val()表单常用另外了解p82
