使用jQuery按name屬性選擇元素

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

成都創(chuàng)新互聯(lián)公司科技有限公司專業(yè)互聯(lián)網(wǎng)基礎(chǔ)服務(wù)商，為您提供西部信息服務(wù)器托管，高防服務(wù)器，成都IDC機房托管，成都主機托管等互聯(lián)網(wǎng)服務(wù)。

在jQuery中，可以使用2個方法通過name屬性選擇元素；下面就來通過示例來介紹一下。

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

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

語法：

示例：

輸出：

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

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

語法：

示例：

輸出：

更多 web開發(fā) 相關(guān)知識，請查閱 HTML中文網(wǎng) ！！

jquery怎么獲取name屬性的值

Js代碼

:

$("div[id]")

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

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

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

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

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

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

選擇所有的name屬性以'news'開頭的input元素

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

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

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

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

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

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

jquery通過name，id名稱獲取當前value值

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

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

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

$("*[name='name']").val(); //獲取vlaue值

$("*[name='name']").attr('id','name'); //添加id名稱

$("*[name='name']").after('

jquery通過name屬性取值的方法

alert($("input[name='inputTest']").val());

alert($("input[type='text']").attr("id")); //這個是取id的值，方便記就寫在這兒了

$("input[name='inputTest']").each(

function(){

alert($(this).val());

}

)?

alert($("input[name='inputTest']")[0].value);

alert($("input[name='inputTest']")[1].value);

alert($("input[name='inputTest']").get(0).value); //此處也可以得到值，等同于上面兩行

alert($("input[name='inputTest']").get(1).value);

根據(jù)name取值：??

$("input[name='mobile']").val()??

根據(jù)id取值:??

$("#mobile_reg_form").html()??

根據(jù)name取值了遍歷：??

$("input[name='mobile']").each(??

function(){??

alert($(this).val());??

}??

)???

取出form中的input：??

$(document).ready(function(){????

vara=$("form?input");????

$.each(????

a,????

function(name,object){????

alert(name+":"+$(object).val());????

}????

);????

});????

得到值（多個的情況）：??

$("input[name='mobile']")[0].value??

$("input[name='mobile']").get(1).value??

-----jquery添加刪除樣式--------??

給一個標簽添加樣式:??

$("#id").addClass("style");??

刪除一個標簽的樣式:??

$("#id").removeClass("style");??

注:"#id"??id是對應(yīng)標簽的id,style是對應(yīng)css樣式的名稱??

jquery怎么獲取name的值

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

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

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

示例代碼如下

創(chuàng)建Html元素

div class="box"

span點擊按鈕獲取文本框的name屬性值：/spanbr

div class="content"

input type="text" name="test" value="這個文本框的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;}

編寫jquery代碼

$(function(){

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

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

});

})

jQuery,根據(jù)name獲取多個input表單的值

1、根據(jù)name取值：

input name="inp" type="text" value="aaa"

input name="inp" type="text" value="bbb"

input name="inp" type="text" value="ccc"

$("input[name='inp']").val()

2、根據(jù)name取值遍歷：

input name="inp" type="text" value="aaa"

input name="inp" type="text" value="bbb"

input name="inp" type="text" value="ccc"

$("input[name='inp']").each(function(){alert($(this).val());})

擴展資料：

取出form中的input：

script type="text/javascript" language="JavaScript" charset="UTF-8"

$(document).ready(function(){

var a=$("form input");

$.each(

a,

function(name,object){

alert(name+":"+$(object).val());

}

);

});

/script

文章標題：jquery根據(jù)name取值,jquery根據(jù)name賦值
網(wǎng)站URL：http://chinadenli.net/article22/dsichcc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機、品牌網(wǎng)站設(shè)計、關(guān)鍵詞優(yōu)化、移動網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計公司、全網(wǎng)營銷推廣

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)