首頁猿問 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>運行結(jié)果不對，自己找不出問題，請前輩幫忙看下。

查看完整描述

3 回答

已采納

一毛錢

TA貢獻156條經(jīng)驗獲得超57個贊

結(jié)果沒有問題啊，你是想要什么樣的效果，h1,h2,p 點擊的時候這幾個的樣式都是blue和無色切換

反對回復(fù) 2017-06-03

q彎曲的直線
你好，我也感覺代碼應(yīng)該沒問題，因為這幾天一直在練習(xí)這個，但是我計算機上用了chrome和Safari瀏覽器測試都只有h1有顏色切換，所以很郁悶，又不知道原因

回復(fù) 2017-06-03
ExiaGo
測試過，h1 h2 p 都會有顏色的變化。

回復(fù) 2017-06-04
q彎曲的直線
謝謝，我也挺無語的，因為感覺代碼沒有錯誤，今天再試一遍效果正常了，我感覺應(yīng)該是瀏覽器緩存錯誤的原因，第一次遇到這樣的問題，還得去找找原因

回復(fù) 2017-06-04