多语言展示
当前在线:1170今日阅读:103今日分享:49

jquery实现点击判断是否使用了某个样式

在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样式'。

推荐信息