jquery怎么獲取或設置CSS中屬性值的數值

新建一個html文件, 定名為test.html, 用于介紹jquery怎么獲取或設置CSS中屬性值的數值 。

jquery怎么獲取或設置CSS中屬性值的數值



2在test.html頁面, 利用script標簽加載jquery.min.js庫文件, 利用jquery方式之前必需加載該文件 。


jquery怎么獲取或設置CSS中屬性值的數值



3在test.html頁面, 利用p標簽建立三個文字段落, 并利用style設置三個段落分歧的布景顏色, 同時利用button標簽建立一個按鈕 。


jquery怎么獲取或設置CSS中屬性值的數值



4在script標簽內, 利用$(document).ready()方式在頁面加載時就給按鈕綁定 click點擊事務 。

jquery怎么獲取或設置CSS中屬性值的數值



5【jquery怎么獲取或設置CSS中屬性值的數值】在function函數內, 獲得p元素對象, 利用css()方式獲得其css屬性中布景顏色(background-color)值, 并利用alert()方式彈窗顯示出來獲得的值 。


jquery怎么獲取或設置CSS中屬性值的數值



6在瀏覽器打開test.html文件, 點擊“按鈕”, 查看獲得的布景顏色值 。


jquery怎么獲取或設置CSS中屬性值的數值



7css()方式除了能獲得css的屬性值外, 還可以設置html元素的css屬性, 例如, 下面代碼實現了當點擊按鈕時, 改變第一個p元素的布景顏色, 設置為黃色 。


jquery怎么獲取或設置CSS中屬性值的數值



jquery怎么獲取或設置CSS中屬性值的數值



以上內容就是jquery怎么獲取或設置CSS中屬性值的數值的內容啦, 希望對你有所幫助哦!

    猜你喜歡