jQuery属性操作与class样式操作

先参考js属性操作

prop()、removeProp()

    eg:$("#pid").prop("class","propclass");//设置单个属性

            $("#pid").prop({title:"文本",disabled:true});//设置多个属性

大多数情况,用于设置disabled和checked属性值,此时不应该使用attr()方法


attr()、removeAttr()

  eg:$("#pid").attr("class","pidclass");//设置单个属性

 $("#pid").attr({title:"文本",src:"www.jianshu.com/imgtest","class":"pidclass"});//设置多个属性,属性名可以不加引号,但是设置class时,必须加引号。


attr(属性名)、prop(属性名)都可以获取属性值

removeProp()、removeAttr()都可以删除属性值



由于对属性class的操作频繁,单独封装了下面方法

addClass()、removeClass()、toggleClass()、hasClass()

$("p").removeClass("class1 class2").addClass("class3");

添加或删除多个样式以空格隔开。

如果removeClass()没有参数,那么移除所有样式

toggleClass(className);//切换样式,如有则删除,如无则添加这个样式

hasClass(className);//返回true/false,匹配是否有该样式

你可能感兴趣的:(jQuery属性操作与class样式操作)