jquery如何判断某元素是否具备指定的样式

前端技术 2023/09/07 JavaScript
分为以下2种情况：
1.如果css写成行内样式，可以通过获取style属性的值来判断，示例如下：
判断id为divid的div元素是否有font-size样式：
复制代码 代码如下:

<div id=\"divid\" style=\"float:left; font-size:12px;\"></div>
jquery代码如下：
jQuery(\"#divid\").each(function(){
var fontSize = $(this).attr(\"style\").indexOf(\"font-size\");
if(fontSize != (-1)){alert(\"已定义\");}
else{$(this).css({\"float\":\"left\",\"font-size\":\"12px\"});}
});

注：如果id为divid的div元素只有一个，则jquery的each只执行一次。
2.如果css写成类样式，可以通过获取class属性的值来判断，示例如下：
判断id为divid的div元素是否含有类样式divclass：
复制代码 代码如下:

.divclass{
background-color: #F33;
}
<div id=\"divid\" class=\"divclass\"></div>

jquery代码如下：
复制代码 代码如下:

jQuery(\"#divid\").click(function(){
if(jQuery(this).attr(\"class\").indexOf(\"divclass\")>0){
jQuery(this).removeClass(\"divclass\")
}else{
jQuery(this).addClass(\"divclass\")
}
});

注：以上代码可以实现点击切换背景颜色。

本文地址：https://www.stayed.cn/item/17913

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案