在jquery中,可以通过hanClass()方法来判断某个html元素是否使用了某个样式,下面小编举例讲解实现的过程。
方法/步骤
1
新建一个html文件,命名为test.html,同时在文件里面加载juery.min.js库文件,用于讲解jquery实现点击判断是否使用了某个样式。
2
在test.html文件内,使用p标签创建一行文字 ,同时使用button标签创建一个按钮。
3
在test.html文件内,使用css设置p标签文字的样式,设置文字大小为30px,颜色为红色。
4
在test.html文件内,使用jquery给button按钮绑定点击事件,代码如下:
5
在test.html文件内,利用hanClass()方法判断p标签是否使用了main类名样式,把判断的结果保存在res变量中。
6
在test.html文件内,使用if语句判断上一步res变量,如果为res为true,则提示“文字使用了main样式”,如果res为false,则提示“文字不存在main样式”。
7
在浏览器打开test.html文件,点击按钮,因为p标签使用了main样式,所以弹出提示'文字使用了main样式'。