Javascript 如何确定元素上设置了CSS属性?

Javascript 如何确定元素上设置了CSS属性?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有两个这样的: <div class='test' style='visibility: visible;'> div1 </div> <div class='test'> div2 </div> 现在我想知道如何使用jquery在上述代码中定义条件 这是我的尝试:(但没有一个不起作用) 因此,有什么解决方案吗?尝试此.style.visibility,因为如果指定的样式不存在,它将返回内联css的值或空字符串' $(“.test”)。单击(

我有两个这样的

<div class='test' style='visibility: visible;'> div1 </div>
<div class='test'> div2 </div>
现在我想知道如何使用jquery在上述代码中定义条件

这是我的尝试:(但没有一个不起作用)


因此,有什么解决方案吗?

尝试
此.style.visibility
,因为如果指定的样式不存在,它将返回
内联css的值或空字符串
'

$(“.test”)。单击(函数(e){
if(此.style.visibility){
警报(“已设置!”);
}否则{
警报('未设置!');
}
});

第一组

div2
尝试
此.style.visibility
,因为如果指定的样式不存在,它将返回
内联css的值或空字符串
'

$(“.test”)。单击(函数(e){
if(此.style.visibility){
警报(“已设置!”);
}否则{
警报('未设置!');
}
});

第一组
div2
您可以尝试以下方法:

$('.test').click( function() { alert('It\'s set!'); });
$('.test1').click( function() { alert('not set!'); });

您可以试试这个:

$('.test').click( function() { alert('It\'s set!'); });
$('.test1').click( function() { alert('not set!'); });

为了完整性,因为您要求使用jQuery方法。这里是一个使用jQuery prop()函数的解决方案

$(“.test”)。单击(函数(e){
if($(this.prop('style')['visibility'])){
警报(“已设置!”);
}否则{
警报('未设置!');
}
});

第一组

div2是为了完整起见,因为您要求使用jQuery方法。这里是一个使用jQuery prop()函数的解决方案

$(“.test”)。单击(函数(e){
if($(this.prop('style')['visibility'])){
警报(“已设置!”);
}否则{
警报('未设置!');
}
});

第一组

div2
工作正常!谢谢+我投你一票。请在回答的第一行添加这一行
this.style.visibility
。因为这是我的答案。@Sajad,Happy Coding工作正常!谢谢+我投你一票。请在回答的第一行添加这一行
this.style.visibility
。因为这是我的答案。@Sajad,快乐编码我肯定你不明白我的问题是什么。我肯定你不明白我的问题是什么。
$('.test').click( function() { alert('It\'s set!'); });
$('.test1').click( function() { alert('not set!'); });