在jquery中,可以使用css()方法改變樣式,語法格式為「$("元素名稱").css("屬性名稱","屬性值")」;css()方法設定或傳回被選元素的一個或多個樣式屬性,為所有符合元素設定指定CSS屬性。
本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。
引jQuery,然後定義元素的style樣式,依照自己的元素來定義,這裡隨性定義div的style樣式。
接著我們看樣式所帶來的效果,接著開始設定點擊按鈕會產生變化顏色等互動效果。
首先,自然是指定好觸發變化顏色的事件,可以是經過觸發等,這裡我就點擊即可觸發顏色變化。
如圖,用css()便可以覆寫原來元素的樣式了哦。
如果是修改元素單一樣式,要用逗號隔開,不可以使用冒號哦。
這樣就可以得到互動效果了,但是這只是一個樣式的效果發生了變化,多個效果怎麼做呢?
可以用大括號包裹多個樣式,逗號分隔樣式,然後樣式值用冒號,這樣才可以有效哦。
最後樣式互動就大功告成了,多個樣式就會被修改了
##【推薦學習:javascript高階教學】
以上是jq如何改變css樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章!