使用jQuery按name屬性選擇元素

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

成都創(chuàng)新互聯(lián)堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、外貿(mào)網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿(mǎn)足客戶(hù)于互聯(lián)網(wǎng)時(shí)代的臨湘網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

在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) ??！

jquery如何通過(guò)name獲取數(shù)組

需要準(zhǔn)備的材料分別有：電腦、html編輯器、瀏覽器。

1、首先，打開(kāi)html編輯器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的script標(biāo)簽，輸入jquery代碼：

$('body').append($('input[name="a"]').length);

3、瀏覽器運(yùn)行index.html頁(yè)面，此時(shí)成功通過(guò)checkbox的name取到數(shù)組。

jquery通過(guò)name，id名稱(chēng)獲取當(dāng)前value值

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

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

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

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

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

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

jquery通過(guò)name屬性取值的方法

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

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

$("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());????

}????

);????

});????

得到值（多個(gè)的情況）：??

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

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

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

給一個(gè)標(biāo)簽添加樣式:??

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

刪除一個(gè)標(biāo)簽的樣式:??

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

注:"#id"??id是對(duì)應(yīng)標(biāo)簽的id,style是對(duì)應(yīng)css樣式的名稱(chēng)??

jquery中怎么根據(jù)name屬性定位一個(gè)元素

需要知道這個(gè)標(biāo)簽是什么，然后使用名字來(lái)定位。

例如：

input name='username' value='enozoom.com' /

來(lái)獲取這個(gè)name為username的value值

$(function(){

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

})

擴(kuò)展資料：

jquery中的常見(jiàn)小技巧：

1、DOM遍歷是昂貴的，將變量緩存起來(lái)。

代碼：

var $ele = $('#ele');

var h =

$ele.height();

$ele.css('height',h-20);

2、優(yōu)化選擇符。

代碼：

$('#myid')

3、避免隱式通用選擇符。

代碼：

$('.someclass input:radio')

4、避免通用選擇符。

代碼：

$('.container').children()

5、盡可能保持代碼簡(jiǎn)潔。

代碼：

if(arr.length){}

6、盡可能地合并函數(shù)。

代碼：

$f.on("click", function(){

$(this).css({

'border':'1px solid

red',

'color': 'blue'

});

});

jquery怎么用name獲取對(duì)象？

jQuery通過(guò)name獲取對(duì)象的方法是：

使用jQuery獲取name="nw"的input對(duì)象：$('input[name="nw"]');

使用$('input[name="nw"]').val()方法或$('input[name="nw"]').html()方法來(lái)獲取其值。

和JavaScript獲取對(duì)象值一樣，input、select、textarea等表單類(lèi)對(duì)象用val()方法來(lái)獲取其值；div、span等對(duì)象用html()獲取其值，如：$('input[name="nw"]').val();

設(shè)置對(duì)象的值，如：$('input[name="nw"]').val('123');

注意：

1.通過(guò)name獲取對(duì)象值，獲取的是第1個(gè)對(duì)象的值。name是可以重復(fù)的。

2.通過(guò)name設(shè)置對(duì)象值，設(shè)置的是所有對(duì)象的值。

jQuery,根據(jù)name獲取多個(gè)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());})

擴(kuò)展資料：

取出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

網(wǎng)頁(yè)題目：jquery根據(jù)name,jquery根據(jù)name獲取input的值
本文網(wǎng)址：http://aaarwkj.com/article6/dsspeog.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標(biāo)簽優(yōu)化、建站公司、外貿(mào)建站、網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈、域名注冊(cè)

廣告

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