理解jQuery中的.removeClass

时间:2017-06-28 18:30:19

标签: javascript jquery

有人可以向我解释这个jQuery调用究竟是做什么的

   $("header").removeClass("alternative full-width").addClass("full-width");

它究竟对CSS文件做了什么,非常感谢

3 个答案:

答案 0 :(得分:1)

removeClass()函数将删除应用于该元素的css选择器。在您的情况下,如果标题元素的css属性值为" 替代全宽"则会删除这些属性并添加" 完整-width "

我也注意到,上面的代码有两个值,你试图删除这两个值并添加其中一个。

相反,你可以这样做 -

$("header").removeClass("alternative");

因为您希望添加"全宽"哪个已经可用! 注意我认为 .full-width css值在该字段中是常量。如果情况并非如此,我们可能必须使用 hasClass()来确定是否存在!

有关removeClass的更多信息 - https://api.jquery.com/removeclass/

答案 1 :(得分:-1)

  

它究竟对CSS文件做了什么?

它对CSS文件没有影响

  

有人可以向我解释这个jQuery调用究竟是什么   做

它使用removeClass()从头中删除类(替代和全宽),然后使用addClass()

添加类(全宽)

答案 2 :(得分:-2)

标题元素

$( “头”) 通过JQuery选择标头标签 .removeClass(“替代全宽”) 此方法删除“替代全宽”类 .addClass(“全宽”) 此方法添加“全角”类。 事实上,JQuery在CSS文件中没有做任何事情。这个例子唯一要做的就是继承你在css文件中已经定义的类属性