七、jQuery Class操作

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/MASORL/article/details/80819310

1、获取Class和设置Class

可以使用attr()方法完成。

$("p").attr("class");//获取class的值
$("P").attr("class", "heigh");//设置class的值

2、追加class

使用addClass()方法。

1)如果给一个元素添加了多个class值,就相当于合并了它们的样式。

2)如果右不同的class设定了同一样式属性,则后者覆盖前者。

3、移除样式

使用removeClass()方法。

$("p").removeClass("hight");//删除height
$("p").removeClass("height").removeClass("width");//多个删除
$("p").removeClass();//删除所有class

4、切换样式

使用toggleClass()方法。

$("p").toggleClass("another");//不断追加删除another class

5、判断是否含有某个样式

使用hasClass()方法或is()方法。

$("p").hasClass("another");//如果含有another,则返回true

该方法事为了增强代码可读性,其功能等价于:

$("p").is(".another");




猜你喜欢

转载自blog.csdn.net/MASORL/article/details/80819310