DOM样式操作

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("
  • ")
    text() 获取和设置文本内容 $("ul").html("
  • ")
    val() 获取和设置元素的值

    val()表单常用另外了解p82

    你可能感兴趣的:(DOM样式操作)