jquery怎麼修改type屬性

在jquery中，可以利用attr()方法來修改元素的type屬性，該方法可以設定被選元素的屬性值，語法為「$(selector).attr("type","新值")」或「$(selector).attr({type:新值})」。

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

在jquery中，透過取得input對象，使用attr()方法可以改變type型別 。語法：

$(selector).attr("type","新值");
$(selector).attr({type:新值});

範例：

在p標籤內，使用input標籤建立輸入框，並設定其value預設值為abcdefg。

在test.html檔案內，設定input標籤的id屬性值為tuinput，主要用於下方透過此id取得input物件。

在test.html檔案內，使用button標籤建立一個按鈕，按鈕名稱為「改變input的type屬性」。

在test.html檔案中，給button按鈕綁定onclick點擊事件，當按鈕被點擊時，執行editype（）函數。

在js標籤中，建立editype()函數，在函數內，透過id(tuinput)取得input對象，使用attr()方法改變type屬性值為password 。

在瀏覽器中開啟test.html文件，點擊按鈕，查看實現的效果。

【推薦學習：jQuery影片教學、web前端影片】

以上是jquery怎麼修改type屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章！