使用jQuery按name屬性選擇元素

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

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

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

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

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

語法：

示例：

輸出：

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

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

語法：

示例：

輸出：

更多 web開發(fā) 相關知識，請查閱 HTML中文網 ?。?/p>

jquery如何通過name獲取數組

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

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

2、在index.html中的script標簽，輸入jquery代碼：

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

3、瀏覽器運行index.html頁面，此時成功通過checkbox的name取到數組。

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

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

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

根據name取值：??

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

根據id取值:??

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

根據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是對應標簽的id,style是對應css樣式的名稱??

jquery中怎么根據name屬性定位一個元素

需要知道這個標簽是什么，然后使用名字來定位。

例如：

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

來獲取這個name為username的value值

$(function(){

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

})

擴展資料：

jquery中的常見小技巧：

1、DOM遍歷是昂貴的，將變量緩存起來。

代碼：

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

var h =

$ele.height();

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

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

代碼：

$('#myid')

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

代碼：

$('.someclass input:radio')

4、避免通用選擇符。

代碼：

$('.container').children()

5、盡可能保持代碼簡潔。

代碼：

if(arr.length){}

6、盡可能地合并函數。

代碼：

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

$(this).css({

'border':'1px solid

red',

'color': 'blue'

});

});

jquery怎么用name獲取對象？

jQuery通過name獲取對象的方法是：

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

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

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

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

注意：

1.通過name獲取對象值，獲取的是第1個對象的值。name是可以重復的。

2.通過name設置對象值，設置的是所有對象的值。

jQuery,根據name獲取多個input表單的值

1、根據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、根據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根據name,jquery根據name獲取input的值
本文網址：http://sd-ha.com/article6/dsspeog.html

成都網站建設公司_創(chuàng)新互聯，為您提供標簽優(yōu)化、建站公司、外貿建站、網站建設、網站內鏈、域名注冊

廣告

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