jQuery技术

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

字号+ 作者:H5之家 来源:H5之家 2016-06-19 18:00 我要评论( )

分为以下2种情况:1.如果css写成行内样式,可以通过获取style属性的值来判断,示例如下:判断id为divid的div元素是否有font-size样式:复制代码代码如下:divid=

分为以下2种情况:
1.如果css写成行内样式,可以通过获取style属性的值来判断,示例如下:
判断id为divid的div元素是否有font-size样式:

  复制代码 代码如下:

  <div></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></div>


jquery代码如下:

  复制代码 代码如下:

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


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

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jquery移除

    jquery移除

    2016-06-19 18:00

  • JQuery解析XML数据的几个例子

    JQuery解析XML数据的几个例子

    2016-06-19 17:00

  •  JQuery 学习文件

    JQuery 学习文件

    2016-06-17 11:00

  • JavaScript的jQuery库中ready方法的学习教程

    JavaScript的jQuery库中ready方法的学习教程

    2016-06-17 10:00

网友点评