Jquery:如何检查元素是否具有某些css类/样式
您好！您提到的问题是关于如何使用jQuery来检查元素是否具有某些CSS类或样式。以下是一个简单的示例，说明如何使用jQuery来检查元素是否具有特定的CSS类：
// 检查元素是否具有特定的CSS类
if ($('#element').hasClass('some-class')) {
console.log('元素具有some-class类');
} else {
console.log('元素不具有some-class类');
}要检查元素是否具有特定的CSS样式，可以使用jQuery的.css()方法来获取元素的样式属性，然后进行比较。以下是一个示例：
// 检查元素是否具有特定的CSS样式
if ($('#element').css('color') === 'rgb(255, 0, 0)') {
console.log('元素具有红色字体');
} else {
console.log('元素不具有红色字体');
}请注意，这些示例仅适用于简单的CSS类和样式检查。对于更复杂的CSS选择器和样式规则，您可能需要使用其他方法或库。
相关·内容
4回答
jQuery:检查元素是否有特定的样式(不是内联的)
javascript、jquery、html、css
是否可以通过jQuery或vanilla检查元素是否具有特定的样式？
在我的例子中，我想通过外部CSS-File检查页面上的任何输入字段是否有红色边框- applied。没有内联css和style-attr可用，样式完全是外部的。
在最初的测试中，我从这个StackOverflow-答案中获得了以下代码：
$('.formValidation input[type=submit]').on('click',function(e){
e.preventDefault();
var res = $('.formValidation input[typ
浏览 0提问于2016-08-20得票数 0
回答已采纳
1回答
GWT:如何从当前光标位置或选定的文本获取css样式属性？
javascript、jquery、gwt、jsni
我用过
我想显示字体家族，字体大小，颜色和BG-颜色的文本，我得到文本的颜色通过(GWT) Formatter.getForeColor()，但我仍然不知道如何获得。
示例：<font face="Arial">Apple </font><span style="background-color: rgb(255, 0, 0);"><font face="Courier" size="5">banana</font></span><br>
如果光标
浏览 1提问于2013-12-04得票数 0
5回答
限制来自外部样式表的CSS不应用于div中的小部件
javascript、jquery、html、css
我有一个html文件，它加载了两个css文件，如下所示：
<html>
<head>
<link rel="stylesheet" type="text/css" href="style1.css">
<link rel="stylesheet" type="text/css" href="style2.css">
</head>
<body class="theme-css">
<div id="
浏览 1提问于2017-04-18得票数 4
1回答
由于Window.getComputedStyle未正确返回字体大小，NVD3图表无法计算Chrome中的图例文本长度
javascript、css、svg、d3.js、nvd3.js
背景信息
我使用Eclipse-RAP的自定义小部件框架创建了一个将NVD3图表集成到其中的工具。图表被生成到一个div中。通过在javascript中创建链接条目来动态加载CSS。我通过创建一个SVG/text元素来检查CSS是否已经加载，并检查它的font-size是否正常(参见)。如果加载了CSS，我将创建图表。
问题
由于某些原因，图表在Chrome中并不总是正确呈现。通常第一次在我的会话中是正确的，但第二次总是错误的。对于错误的情况，我在控制台中找到了以下内容：
Error: Invalid value for <g> attribute transform="t
浏览 41提问于2015-01-07得票数 49
2回答
内联CSS :hover状态在clojurescript中不呈现
clojurescript
我确信我正在犯一个简单而愚蠢的错误，所以请发发慈悲吧。 我正在尝试为一些clojurescript元素编写内联CSS，并编译了以下代码，但预期的悬停颜色并未呈现。 有没有人看到哪里出了问题？ [:div
[bp/icon
{:icon "database"
:style {:color "#555555" :padding "10px" :background-color "rgb(250, 250, 250)" :hover "rgb(255, 63, 0)"
}}]] 编辑： 我也尝试过这种方法，也没
浏览 16提问于2019-10-11得票数 0
回答已采纳
1回答
如何使.hover在jQuery中正常工作
jquery、jquery-hover
我试着做这样的事情：
显示一个图标，鼠标悬停成为文本鼠标，成为一个图标。
以下是我所拥有的(不正确的)：
html：
<p class="fcc"><i class="fa fa-free-code-camp fa-lg"></i></p>
CSS：
.fcc-hover {
font-family: "Unica One", sans-serif;
font-size: 10px;
color: grey;
}
.fcc {
margin-
浏览 1提问于2017-04-26得票数 1
回答已采纳
2回答
jquery检查是否分配了类
jquery、class、accordion
我有一个问题，我试图创造一个手风琴类菜单。
事情是一切都很好。首先打开“气球”并滑动，将正确的类添加到活动气球中，但问题是当您单击气球上已经添加了“活动”类的图像保持器时。JQuery似乎添加了这种样式：
display: block; overflow: hidden;
把我的CSS搞砸了。
因此，我的问题是如何检查用户是否已经单击了“活动气球”，如果是这样的话，什么也不做(或者滑回它以使其关闭)，或者如何删除添加的附加样式--为什么首先要添加它呢？
浏览 5提问于2012-02-18得票数 0
2回答
Javascript:如何在不使用getElementById的情况下更改get和更改子元素的属性
javascript、jquery、html
我正在尝试使用Javascript更改动态生成的值列表中被单击的行的颜色。问题是，所有行都有相同的“类”属性(tr.odd或tr.even，“偶数”或“奇数”，以在行之间产生一些css差异……)我也不想用身份证。因此，为了改变点击链接的颜色，我想获取(THIS) tr元素的任何属性，并更新(添加)一个类似于“clicked”的值。例如，每次我在标题属性中都有一个不同的serialNr，我可以将它添加为“点击”作为标签，它将类似于ex。"LG 1234已单击“。我不明白..。我现在正在获取所有tr元素的这个标记，所以在我单击一行之后，每次单击另一行的"mouseleave“时，虽
浏览 0提问于2013-12-17得票数 0
3回答
如何在Javascript中引用这个CSS？
javascript、css
对于鼠标悬停事件，我有以下CSS。我不确定如何从Javascript中引用#tabs ul li a:hover？
#tabs ul li a:hover
{
color: #000;
font-weight:bold;
background-color: #0ff;
}
我希望用这段Javascript代码替换背景颜色行：
<script type="text/javascript">
hex=255;
function fadetext(){
if(hex>0) {
浏览 0提问于2010-06-29得票数 1
5回答
'get element by parent class‘的JavaScript函数并赋值
javascript、html、css
我的困境相当简单:此函数根据<ul>的父id获取' This‘<li>元素的id。我需要让<ul>使用classes而不是id，同时仍然可以将' current‘的id赋值给当前元素，或者更改我的css。
function myFunction(element) {
liArray = document.getElementById("leftlist").childNodes;
i = 0;
while (liArray[i]) {
liArray[i].id = "";
i+
浏览 0提问于2008-10-22得票数 0
6回答
如何使用jquery访问给div的字母数字ids？(语法)
javascript、jquery、html、css、syntax
我增加了整个循环。这将进一步包含在另一个循环中。var divid=1;是在循环开始之前定义的，并在每次迭代中递增。如果其他条件下的console.log可以工作。$('[id^="d"]').css("background-color","#43A942");更改整个页面(!)中所有元素的css。其in以'd‘开头，但我只想对循环中的元素进行更改。还有别的办法吗？
在这种情况下，var 'util‘等于95
$(uname.weeklyData).each(function(i1,weekno){
浏览 5提问于2017-04-04得票数 2
回答已采纳
8回答
确定元素是否具有带有jQuery的CSS类
javascript、jquery、css
我正在使用jQuery，希望看看是否有一种简单的方法来确定元素是否有与之关联的特定CSS类。
我有元素的id和我正在寻找的CSS类。我只需要在if语句中，根据元素上是否存在该类进行比较。
浏览 1提问于2008-11-04得票数 175
回答已采纳
3回答
单击内部链接时如何更改div背景颜色
javascript、asp.net-mvc-3
如何在单击链接时将背景颜色更改为绿色，并保持绿色，直到我再次单击该链接，然后颜色必须为白色
到目前为止，我有以下代码：
<% foreach (var group in Model.Results)
{ %>
<div id="group-select<%: group.GroupId %>" style="width:95%; height:50px; border:solid 1px black; margin:5px;" >
<h3&g
浏览 0提问于2013-02-13得票数 0
回答已采纳
3回答
如何测试元素是否已经有了指定的颜色？
javascript、jquery
在使用jQuery的JavaScript中，在将颜色分配给具有id作为'ID'的元素时，我们按如下方式分配：
$('#ID').css({'background-color':'#FF0000'});
但是如何知道元素是否已经被分配了颜色呢？
我需要检查元素是否已经分配了红色。如果指定了红色，我需要在JavaScript中设置一些标志。
浏览 1提问于2010-12-23得票数 0
4回答
CSS文件中的样式正在覆盖应用于页面中的样式。
jquery、html、css
我使用jQuery添加一个css类。
//Set the css class for tabItem's link
$("#" + menuID + " a").removeClass('navLinkNormal');
$("#" + menuID + " a").addClass('navLinkSelected');
但是colr值被其他css文件中的a:link和a:visted样式所取代。因此，它不是红色，而是文本的黑色。
我试过各种方法，但都没用。我们如何强制使用红色的链接？
参
浏览 0提问于2014-07-08得票数 0
回答已采纳
1回答
获取水豚中某个元素的所有类？
ruby、capybara
使用水豚，有没有办法获得一个元素的所有css类？查看文档，我没有看到任何简单的方法来做到这一点。
另外，给定一个元素elem和一个css类某个类，elem.has_css?('.someclass')是否应该等同于jquery $(elem).hasClass('someclass')
这个测试使用Selenium，因为它涉及javascript。
浏览 3提问于2013-01-02得票数 14
回答已采纳
4回答
使用JavaScript向元素添加CSS属性
javascript、html、css
我想将CSS属性添加到元素中，但是当前的解决方案会丢失所有以前对元素产生影响的属性。
function checkNr(id) {
var value = document.getElementById(id).value;
if (parseFloat(value) == NaN) {
document.getElementById(id).setAttribute("style", "border:2px solid red; background-color: rgb(255, 125, 115);");
}
else {
浏览 0提问于2013-07-25得票数 46
回答已采纳
1回答
用按钮单击- jQuery切换文本输入的颜色
css、jquery-ui
$("#btn").button().click(function() {
$("#textinput").css('color',function(clr) {
if ($("#textinput").css('color') == '#000000')
return '#ff0000';
else
return '#000000';
});
});
由于某些原因，我不能
浏览 2提问于2012-07-20得票数 0
回答已采纳
5回答
jquery/javascript读取选择框css/class
javascript、jquery、css、dom
我继承了一些代码，这些代码根据所选的选项设置选择框的css。页面上有许多选择框，我的目标只是获得具有“失败”css样式的选择框。
我认为我已经比较接近了，但我就是不能让它为我工作。相对封闭意味着我可以在JavaScript警告框中显示css类，但是当我尝试在if语句中使用该文本值时，没有任何反应。代码如下所示。
感谢您所收到的任何指示。
$("select").each(function () {
alert(this.options.item(this.options.selectedIndex).className);
if (this.options.item
浏览 0提问于2013-03-28得票数 0
回答已采纳
5回答
是否可以只改变文本阴影的颜色？
fonts、css
我有9个不同颜色的按钮(红色、橙色、黄色、绿色、蓝色、紫色、粉红色、非白色和板岩)，我想知道是否可以操纵和更改这些按钮的text-shadow CSS属性的颜色，同时保持其他值相同？
例如，我有两个不同的类；一个用于具有11 my字体大小的按钮，另一个用于14 my字体大小(我的网站的标准)：
.button-11 {
font-size: 0.8em;
border-width: 0.09091em;
border-style: solid;
padding: 0 0.90909em;
text-shadow: 0.09091em 0.09091em
浏览 8提问于2013-10-17得票数 12
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
