关于增加样式addClass不起作用

存在样式:

.selected{ background:Blue}

如果我们存在以下代码:

$(function(){

$("tr:odd").css("background","Red");

$("tr:odd").click(function(){

  if(...){

    $(this).addClass("selected");        //不起作用,因为上面用了.css属性

   }

  else{

    $(this).removeClass("selected");    //不起作用,因为上面用了.css属性

  }

})

})

如果要$(this).addClass("selected"); 起作用,那么,可以重新定义一个样式,并把  $("tr:odd").css("background","Red");改成  $("tr:odd").addClass("新样式");

时间: 2024-09-04 02:19:21

关于增加样式addClass不起作用的相关文章

jQuery的属性与样式之增加样式.addClass(),删除样式.removeClass()

用于动态增加class类名 .addClass( className )方法 .addClass( className ) : 为每个匹配元素所要增加的一个或多个样式名 .addClass( function(index, currentClass) ) : 这个函数返回一个或更多用空格隔开的要增加的样式名 注意事项: .addClass()方法不会替换一个样式类名.它只是简单的添加一个样式类名到元素上 简单的描述下:在p元素增加一个newClass的样式 <p class="orgCla

织梦channel标签currentstyle样式无效不起作用

我们在用织梦系统制作网站时,经常会用到channel标签来调子栏目.但是,很多朋友会遇到这种情况在使用channel标签来调子栏目的时候,指定 “type=son typeid=x” 发现currentstyle无效.今天笔者就跟大家分享一下解决方法. 1.解决channel标签currentstyle样式无效不起作用的错误方法 代码如下: 1 {dede: type='son' typeid='12' current~typename~">~typename~</a> <

easyui-textbox禁用时,增加样式

概述 easyui的表单的textbox本身是有disabled参数的,但是开启禁用时textbox的样式是没有变化的,导致在禁用时候,用户不能明显的分辨是否禁用该项,因此扩展一下,在禁用textbox时,增加textbox的样式,便于用户区分. 此项不能通过扩展实现,因此只能更改源码. 实现 在eaysui.js的页面中找到如下代码: 1. tb.find(".textbox-text,.textbox-value").attr("disabled", "

jQuery中addClass不起作用

1.当用jQuery给其中的i追加样式时 $(this).addClass('active').siblings().removeClass('active'); .active的中和cont重复的样式不起作用 <div class="imgId"> <i class="cont">1</i> <i class="cont">2</i> <i class="cont&qu

QWidget 直接派生类的样式表不起作用的解决办法

从 QWidget 派生一个窗口,使用 stylesheet 设置背景,designer 设置没有问题,或者,通过 setStyleSheet() 设置,代码操作是正确的,编译运行后,却没有背景. 下面为验证例子(通过代码验证,没有使用 designer ): 工程目录结构如下: mywidget.h 示例代码如下: #ifndef MYWIDGET_H #define MYWIDGET_H #include <QWidget> class MyWidget : public QWidget

原生js实现增加(addclass),删除(removeclass),判断是否存在(hasclass),如果存在删除,如果不存在添加(toggleclass)和获取类名(getbyclass)的方法

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>addclass,removeclass,hasclass,toggleclass,getbyclass</title> </head> <body> <div class="div1" id="b

Web前端面试指导(十五):CSS样式-display有哪些作用?

题目点评 其实就是要你说清楚该属性有哪些值,每个值都有什么作用,这个题目可以答得很简单,但要答全也并非是一件容易的事情. 元素默认的display值的情况如下(这个一般很少人注意这一点) block(块级元素) <div>.<p> <ul> <ol> <form> -- inline(内联元素) <span> <a> <img> <input> <select> <label>

为KindEditor编辑器中的内容增加样式,使得自定义前台页面显示效果与编辑器效果一致

KindEditor 本身自带有一定的样式,且为内部样式,在使用过程中,难免会发现部分效果不是我们想要的,因此,KindEditor提代了两种方式供使用着调用 1.内部样式,通过 cssData 属性,控制内容样式,如: K.create('textarea[name=content]', { cssData : 'body { font-size: 14px; }' }); 2.外部样式,通过 cssPath 属性,控制内容样式,如: K.create('textarea[name=conte

ul点击li,增加样式

用户首次绑定后,需要选择一款头像 <!--imgList头像列表--><el-row class="regModel1"> <el-col :span="24" class="stepTwo">请选择一个形象作为您的头像吧!</el-col> <el-col :span="24" class="zooSelect"> <ul class=&q