首頁 > 網際網路

jquery新增屬性的方法

2019-12-12 11:12:53

在做前端頁面開發時,我們會使用jquery來操作頁面邏輯的,如果你想為某個元素新增一個屬性,使用jquery怎麼操作?下面我們來看一下。

1

我們在html裡新增一個div,該div只有class屬性。


2

然後新增一個按鈕,用來觸發新增屬性的事件。


3

接著在html裡引入jquery指令碼。


4

然後在script裡新增一個function,按鈕事件的函數。

函數很簡單,使用jquery的 attr方法來設定屬性就行了,引數第一個是要新增的屬性名,第二個就是屬性的值。這裡我們為div新增一個id屬性。


5

執行頁面後,從頁面原始碼裡看,這個div現在是沒有id屬性的。


6

點選頁面上的按鈕,觸發事件,為div新增id屬性。


7

點選後,再看一下原始碼,可以看到已經成功為div新增了一個id屬性了。



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