JQuery添加或移除CSS样式页签

addClass() 方法向被选元素添加一个或多个样式。

$("选择器").addClass("class1 class2 ... classN")

removeClass() 方法从被选元素移除一个或多个样式。如果不写参数，则移除所有的样式。

// 移除所有的样式

$("选择器").removeClass();

// 移除一个或者多个样式

$("选择器").removeClass("class1 class2 ... classN");

css

  /* table 导航选项卡 */
.ui_table_title {position: relative;left: 0;height: 40px;white-space: nowrap;font-size: 0;border-bottom-width: 1px;border-bottom-style: solid;transition: all .2s;-webkit-transition: all .2s;
}.ui_table_title li {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;font-size: 14px;transition: all .2s;-webkit-transition: all .2s;position: relative;line-height: 40px;min-width: 65px;padding: 0 15px;text-align: center;cursor: pointer;
}.ui_table_title {border-color: #eee;
}.ui_table_title .ui_this {color: #22cdc9;
}.ui_table_title .ui_this:after {position: absolute;left: 0;top: 0;content: "";width: 100%;height: 41px;border-width: 1px;border-style: solid;border-bottom-color: #fff;border-radius: 2px 2px 0 0;box-sizing: border-box;pointer-events: none;
}.ui_table>.ui_table_title .ui_this:after {border: none;border-radius: 0;border-bottom: 2px solid #22cdc9;
}

html

<div class="ui_table"><ul class="ui_table_title"><li class="ui_checked ui_this">全部</li><li class="ui_checked">待评审</li><li class="ui_checked">未完成</li><li class="ui_checked">已完成</li><li class="ui_checked">已逾期</li></ul></div>

   $(".ui_checked").click(function () {$(this).removeClass("ui_this");if ($(this).hasClass('ui_this')) {$(this).removeClass("ui_this");}else {$(".ui_checked").removeClass("ui_this");$(this).addClass("ui_this");}})

JQuery添加或移除CSS样式页签相关推荐

JS/jQuery添加和移除CSS样式
有时候需要添加CSS样式和移除CSS样式,如添加display属性,设为隐藏.有时候需要移除display属性. 一.jQuery移除CSS样式的两种方法注意:当其中一种不支持时,就尝试另一种: $ ...
php+jq+添加css,jQuery添加/改变/移除CSS类
转自:http://www.jbxue.com/article/24589.html 在jquery中用到removeClass移除CSS类.addClass添加CSS类.toggleClass添加或 ...
jQuery添加/改变/移除CSS类
转自:http://www.jbxue.com/article/24589.html 在jquery中用到removeClass移除CSS类.addClass添加CSS类.toggleClass添加或 ...
JQ添加移除css样式
1. addClass() - 添加CSS类 $("#target").addClass("newClass"); //#target 指的是需要添加样式的元素 ...
js移除某个样式_JQ添加移除css样式
1. addClass() - 添加CSS类 $("#target").addClass("newClass"); //#target 指的是需要添加样式的元素 ...
jquery html 清除样式,jquery怎么移除css样式
jquery移除css样式的方法:1.通过使用"removeClass()"方法去除css样式:2.通过使用"attr()"方法或"css()&quo ...
html移除单个css样式,jq如何移除css样式？
jQuery如何移除css样式?下面本篇文章就来给大家介绍一些使用jQuery添加移除css样式的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 1. addClass() - ...
js移除某个样式_js怎么移除css样式？
在工作中,经常需要使用Javascript来改变页面元素的样式.其中一种办法是改变页面元素的CSS类(Class),这在传统的Javascript里,我们通常是通过处理HTML Dom的classna ...
js移除某个样式_js中如何移除css样式？
js中如何移除css样式? dom元素应用css有两种方式: ● 通过class类名和id名应用样式 ● 通过指定style属性应用样式我们可以针对以上两种方式写移除css样式的方法 (相关课程推荐 ...

JQuery添加或移除CSS样式页签

JQuery添加或移除CSS样式页签相关推荐

最新文章

热门文章

JQuery添加或移除CSS样式 页签

JQuery添加或移除CSS样式 页签相关推荐

最新文章

热门文章

JQuery添加或移除CSS样式页签

JQuery添加或移除CSS样式页签相关推荐