在jquery中，可以利用attr()方法改變name，該方法用于設(shè)置或返回被選元素的屬性和值，第一個(gè)參數(shù)設(shè)置為name屬性，第二個(gè)參數(shù)設(shè)置為name屬性改變后的值即可，語(yǔ)法為“元素對(duì)象.attr('name','改變后的name值')”。

本教程操作環(huán)境：windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。

jquery怎么改變name

在jquery中，可以通過(guò)獲得input對(duì)象，使用attr()方法來(lái)修改input的name屬性值

新建一個(gè)html文件，命名為test.html，用于講解jquery怎樣修改input的name。在p標(biāo)簽，使用input標(biāo)簽創(chuàng)建一個(gè)文本框，并設(shè)置其name屬性值為user。設(shè)置input標(biāo)簽的id為myinput ,主要用于下面通過(guò)該id獲得input對(duì)象。

使用button標(biāo)簽創(chuàng)建一個(gè)按鈕，按鈕名稱為“修改name屬性”。給button按鈕綁定onclick點(diǎn)擊事件，當(dāng)按鈕被點(diǎn)擊時(shí)，執(zhí)行editname（）函數(shù)。

在js標(biāo)簽中，創(chuàng)建editname()函數(shù)，在函數(shù)內(nèi)，通過(guò)id(myinput)獲得input對(duì)象，使用attr()方法將name屬性修改為username，代碼如下：

在瀏覽器打開(kāi)test.html文件，點(diǎn)擊按鈕，查看源代碼。

總結(jié)：

1、創(chuàng)建一個(gè)test.html文件。

2、在文件內(nèi)，在p標(biāo)簽，使用input標(biāo)簽創(chuàng)建一個(gè)文本框，并設(shè)置其name屬性值為user，同時(shí)創(chuàng)建一個(gè)button按鈕，用于觸發(fā)執(zhí)行js函數(shù)。

3、在js標(biāo)簽內(nèi)，創(chuàng)建函數(shù)，在函數(shù)內(nèi)，獲得input對(duì)象，使用attr()方法將name屬性修改為username。

注意事項(xiàng)

attr()方法不僅修改name屬性值，也能修改元素其的屬性值。

相關(guān)視頻教程推薦：jQuery視頻教程