新建一個html文件,定名為test.html,用于介紹jquery怎么獲取或設置CSS中屬性值的數值。
在test.html頁面,利用script標簽加載jquery.min.js庫文件,利用jquery方式之前必需加載該文件。
在test.html頁面,利用p標簽建立三個文字段落,并利用style設置三個段落分歧的布景顏色,同時利用button標簽建立一個按鈕。
在script標簽內,利用$(document).ready()方式在頁面加載時就給按鈕綁心猿意馬 click點擊事務。
在function函數內,獲得p元素對象,利用css()方式獲得其css屬性中布景顏色(background-color)值,并利用alert()方式彈窗顯示出來獲得的值。
在瀏覽器打開test.html文件,點擊“按鈕”,查看獲得的布景顏色值。
css()方式除了能獲得css的屬性值外,還可以設置html元素的css屬性,例如,下面代碼實現了當點擊按鈕時,改變第一個p元素的布景顏色,設置為黃色。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!