jquery怎么獲取name屬性的值

Js代碼

創(chuàng)新互聯(lián)公司是一家網(wǎng)站設(shè)計(jì)公司，集創(chuàng)意、互聯(lián)網(wǎng)應(yīng)用、軟件技術(shù)為一體的創(chuàng)意網(wǎng)站建設(shè)服務(wù)商，主營(yíng)產(chǎn)品：成都響應(yīng)式網(wǎng)站建設(shè)、成都品牌網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷(xiāo)推廣。我們專(zhuān)注企業(yè)品牌在網(wǎng)站中的整體樹(shù)立，網(wǎng)絡(luò)互動(dòng)的體驗(yàn)，以及在手機(jī)等移動(dòng)端的優(yōu)質(zhì)呈現(xiàn)。成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、移動(dòng)互聯(lián)產(chǎn)品、網(wǎng)絡(luò)運(yùn)營(yíng)、VI設(shè)計(jì)、云產(chǎn)品.運(yùn)維為核心業(yè)務(wù)。為用戶提供一站式解決方案，我們深知市場(chǎng)的競(jìng)爭(zhēng)激烈，認(rèn)真對(duì)待每位客戶，為客戶提供賞析悅目的作品，網(wǎng)站的價(jià)值服務(wù)。

:

$("div[id]")

選擇所有含有id屬性的div元素

$("input[name='newsletter']")

選擇所有的name屬性等于'newsletter'的input元素

$("input[name!='newsletter']")

選擇所有的name屬性不等于'newsletter'的input元素

$("input[name^='news']")

選擇所有的name屬性以'news'開(kāi)頭的input元素

$("input[name$='news']")

選擇所有的name屬性以'news'結(jié)尾的input元素

$("input[name*='man']")

選擇所有的name屬性包含'news'的input元素

$("input[id][name$='man']")

可以使用多個(gè)屬性進(jìn)行聯(lián)合選擇，該選擇器是得到所有的含有id屬性并且那么屬性以man結(jié)尾的元素

jquery中怎么獲取name屬性

attr(name|properties|key,value|fn)

參數(shù)

nameStringV1.0

屬性名稱(chēng)

properties MapV1.0

作為屬性的“名/值對(duì)”對(duì)象

key,value

String,ObjectV1.0

屬性名稱(chēng)，屬性值

key,function(index, attr)

String,FunctionV1.1

1:屬性名稱(chēng)。

2:返回屬性值的函數(shù),第一個(gè)參數(shù)為當(dāng)前元素的索引值，第二個(gè)參數(shù)為原先的屬性值。

參數(shù)name 描述:

返回文檔中所有圖像的src屬性值。

jQuery 代碼:

$("img").attr("src");

jquery怎么獲取name的值

name是input標(biāo)簽的屬性值，jQuery提供了attr() 方法用于設(shè)置/改變屬性值

$("input:text").attr("name");

$("input:text").prop("name"); // 也可以使用prop()方法獲取屬性

示例代碼如下

創(chuàng)建Html元素

div class="box"

span點(diǎn)擊按鈕獲取文本框的name屬性值：/spanbr

div class="content"

input type="text" name="test" value="這個(gè)文本框的name屬性值為test"

/div

input type="button" class="btn" value="獲取文本框name值"

/div

設(shè)置css樣式

div.box{width:300px;height:250px;padding:10px 20px;margin:20px;border:4px dashed #ccc;}

div.boxspan{color:#999;font-style:italic;}

div.content{width:250px;height:100px;margin:10px 0;padding:5px 20px;border:2px solid #ff6666;}

input[type='text']{width:200px;height:30px;border:none;}

input[type='button']{width:120px;height:30px;margin:10px;border:2px solid #ebbcbe;}

編寫(xiě)jquery代碼

$(function(){

$("input:button").click(function() {

alert($("input:text").attr("name"));

});

})

使用jQuery按name屬性選擇元素

給定一個(gè)HTML文檔，如何使用jQuery按name屬性選擇元素？下面本篇文章就來(lái)給大家介紹一下使用jQuery按name屬性選擇元素的方法，希望對(duì)大家有所幫助。

在jQuery中，可以使用2個(gè)方法通過(guò)name屬性選擇元素；下面就來(lái)通過(guò)示例來(lái)介紹一下。

方法1：使用name屬性選擇器

name屬性選擇器可用于按name屬性選擇元素。此選擇器選擇值與指定值完全相等的元素。

語(yǔ)法：

示例：

輸出：

方法2：使用javascript按名稱(chēng)獲取元素并將其傳遞給jQuery

可以使用javascript getElementsByName()方法選擇所需的元素，并將其傳遞給jQuery函數(shù)，以進(jìn)一步用作jQuery對(duì)象。

語(yǔ)法：

示例：

輸出：

更多 web開(kāi)發(fā) 相關(guān)知識(shí)，請(qǐng)查閱 HTML中文網(wǎng) ??！