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

新建一个html文件 , 定名为test.html , 同时在文件里面加载juery.min.js库文件 , 用于讲解jquery实现点击判定是否利用了某个样式 。

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



2在test.html文件内 , 利用p标签建立一行文字  , 同时利用button标签建立一个按钮 。


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



3在test.html文件内 , 利用css设置p标签文字的样式 , 设置文字大小为30px , 颜色为红色 。



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



4在test.html文件内 , 利用jquery给button按钮绑定点击事务 , 代码如下:



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



5【jquery实现点击判断是否使用了某个样式】在test.html文件内 , 操纵hanClass()方式判定p标签是否利用了main类名样式 , 把判定的成果保留在res变量中 。



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



6在test.html文件内 , 利用if语句判定上一步res变量 , 若是为res为true , 则提醒“文字利用了main样式” , 若是res为false , 则提醒“文字不存在main样式” 。



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



7在浏览器打开test.html文件 , 点击按钮 , 因为p标签利用了main样式 , 所以弹出提醒"文字利用了main样式" 。


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



以上内容就是jquery实现点击判断是否使用了某个样式的内容啦 , 希望对你有所帮助哦!

    猜你喜欢