已解决430363个问题，去搜搜看，总会有你想问的

jquery样式

首页猿问 jquery样式

jquery样式

JQuery

q弯曲的直线 2017-06-03 19:10:14

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <script type="text/javascript" src="jquery-3.2.1.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("h1,h2,p").toggleClass("blue"); }); }); </script> <style type="text/css"> .blue{ color:blue; } </style> </head> <body> <h1>标题 1</h1> <h2>标题 2</h2> <p>This is a paragraph.</p> <p>This is another paragraph.</p> <button>change CSS</button> </body></html>运行结果不对，自己找不出问题，请前辈帮忙看下。

查看完整描述

3 回答

已采纳

一毛钱

TA贡献156条经验获得超57个赞

结果没有问题啊，你是想要什么样的效果，h1,h2,p 点击的时候这几个的样式都是blue和无色切换

反对回复 2017-06-03

q弯曲的直线
你好，我也感觉代码应该没问题，因为这几天一直在练习这个，但是我计算机上用了chrome和Safari浏览器测试都只有h1有颜色切换，所以很郁闷，又不知道原因

回复 2017-06-03
ExiaGo
测试过，h1 h2 p 都会有颜色的变化。

回复 2017-06-04
q弯曲的直线
谢谢，我也挺无语的，因为感觉代码没有错误，今天再试一遍效果正常了，我感觉应该是浏览器缓存错误的原因，第一次遇到这样的问题，还得去找找原因

回复 2017-06-04