gpt4 book ai didi

javascript - 检查是否使用 jQuery 应用了 css

转载 作者:太空宇宙 更新时间:2023-11-04 13:06:42 29 4
gpt4 key购买 nike

我的 html 中有一个标题,使用 css 将其标记为红色。我想测试 css 是否应用于该标题,如果使用 jQuery 应用,我会发出一条消息。

她是我的代码。

<html>
<head>
<script src="http://code.jquery.com/jquery-1.4.3.min.js" ></script>
<script>
$(document).ready(function() {
$('#validate_btn').click(function() {
$('.style').each(function() {
if($(this).css('color') == 'red') {
alert("css applied");
}
});
});
});
</script>
<style>
.style {
color: red;
}
</style>
</head>
<body>
<h1 class="style">Heading One</h1><br><br>
<div class="myClass">
<span class="cos_validate_button" id="mybtn">
<button id="validate_btn">Check</button>
</span>
</div>
</body>
</html>

最佳答案

获取将以这种形式返回的样式 rgb(x,x,x)然后将其转换为十六进制并检查

演示:http://jsfiddle.net/bP7sP/

$(document).ready(function () {
$('#validate_btn').click(function () {
if(rgbToHex($('.style').css('color')) == "#ff0000"){
alert("RED");
}
});

var hexDigits = new Array
("0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f");
function rgbToHex(rgb) {
rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]);
}
function hex(x) {
return isNaN(x) ? "00" : hexDigits[(x - x % 16) / 16] + hexDigits[x % 16];
}
});

关于javascript - 检查是否使用 jQuery 应用了 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25084305/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com