首頁 > 網際網路

jquery如何chrom偵錯工具顯示的物件屬性

2019-12-12 18:13:41

隨著網頁技術的發展,頁面的效果越來越豐富,這裡一起研究下jquery如何chrom偵錯工具顯示的物件屬性

如果對您有幫助請幫忙點讚,謝謝


1

第一步

建立一個HTML,網頁HTML是一個頁面的骨架結構,titile、body:


2

第二步

增加HTML中按鈕與div展示文字,點選按鈕實現網頁的背景顏色改變:


3

第三步

網頁增加jquery的參照,增加按鈕點選的jquery程式碼:


4

第四步

完整的網頁程式碼,HTML+jquery+按鈕系結的事件構成了頁面:


5

第五步

使用瀏覽器開啟剛才編輯的網頁程式碼,點選改變背景按鈕,觀察效果:



6

第六步

使用chrome瀏覽器,手動改變頁面的背景顏色





IT145.com E-mail:sddin#qq.com