首頁 > web前端 > js教程 > 主體

jquery怎樣為元素增加屬性值

WBOY
發布: 2021-11-23 18:37:47
原創
12486 人瀏覽過

jquery為元素增加屬性值的方法:1、利用「$(元素)」語句取得指定的元素物件;2、利用attr()方法為取得的元素新增屬性和值,語法為「元素物件.attr(attribute,value)」。

jquery怎樣為元素增加屬性值

本教學操作環境:windows7系統、jquery1.10.0版本、Dell G3電腦。

jquery怎麼為元素增加屬性值

#在jQuery可以利用attr()方法來為元素增加屬性值,attr()方法設定或傳回被選元素的屬性值。根據該方法不同的參數,其工作方式也有所差異。傳回被選元素的屬性值。

此方法的語法為:

$(selector).attr(attribute,value)
登入後複製

attribute規定了要取得其值的屬性。

下面我們透過範例來看一下如何為元素增加屬性值,範例如下:

我們在html裡新增一個div,該div只有class屬性。然後新增一個按鈕,用來觸發新增屬性的事件。接著在html裡引入jquery腳本。然後在script裡加入一個function,按鈕事件的函數。

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


    
    
增加属性
function setAttr(){ $(".jquery").attr("id","bd"); }
登入後複製

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

jquery怎樣為元素增加屬性值

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

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

jquery怎樣為元素增加屬性值

相關影片教學推薦:jQuery影片教學

#

以上是jquery怎樣為元素增加屬性值的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!