addClass、removeClass、toggleClass

addClass、removeClass、toggleClass

addClass

描述: 为每个匹配的元素添加指定的样式类名

$('div').addClass('className');//为所有div添加名为className的class

removeClass

描述: 移除集合中每个匹配元素上一个,多个或全部样式。

$('div').removeClass('className');//将所有div上名为className的class移除

toggleClass

描述: 在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即:如果存在(不存在)就删除(添加)一个类。

$('div').toggleClass('className');//如果div上有这个class就删除,没有就添加

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 3,494评论 0 44
  • jQuery基础(一)——样式篇 1-2环境搭建 1-3 jQuery HelloWorld体验 $(docume...
    croyance0601阅读 1,111评论 0 8
  • 第一章 jQuery简介 1-1 jQuery简介 1.简介 2.优势 3.特性与工具方法 1-2 环境搭建 进入...
    mo默22阅读 1,629评论 0 11
  • attr("attrName") 获取属性的值 attr(属性名, 属性值): 设置属性的值 attr(属性名,函...
    再见理想冷雨夜阅读 365评论 0 1
  • jQuery的属性与样式之.attr()与.removeAttr() 每个元素都有一个或者多个特性,这些特性的用途...
    阿r阿r阅读 674评论 0 6