jQuery通過name獲取對象的方法是:
創(chuàng)新互聯(lián)專注于企業(yè)營銷型網(wǎng)站、網(wǎng)站重做改版、那坡網(wǎng)站定制設(shè)計、自適應品牌網(wǎng)站建設(shè)、H5技術(shù)、商城網(wǎng)站建設(shè)、集團公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應式網(wǎng)頁設(shè)計等建站業(yè)務(wù),價格優(yōu)惠性價比高,為那坡等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
使用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();
設(shè)置對象的值,如:$('input[name="nw"]').val('123');
注意:
1.通過name獲取對象值,獲取的是第1個對象的值。name是可以重復的。
2.通過name設(shè)置對象值,設(shè)置的是所有對象的值。
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"));
});
})
name是input標簽的屬性值,jQuery提供了attr() 方法用于設(shè)置/改變屬性值
1
2
$("input:text").attr("name");
$("input:text").prop("name"); // 也可以使用prop()方法獲取屬性
示例代碼如下
創(chuàng)建Html元素
1
2
3
4
5
6
7
div class="box"
span點擊按鈕獲取文本框的name屬性值:/span
div class="content"
input type="text" name="test" value="這個文本框的name屬性值為test"
/div
input type="button" class="btn" value="獲取文本框name值"
/div
設(shè)置css樣式
1
2
3
4
5
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代碼
1
2
3
4
5
$(function(){
$("input:button").click(function() {
alert($("input:text").attr("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、盡可能地合并函數(shù)。
代碼:
$f.on("click", function(){
$(this).css({
'border':'1px solid
red',
'color': 'blue'
});
});
1、編寫基礎(chǔ)的HTML文檔。
2、使用.val()獲取值。
3、保存文件,查看屬性選擇器獲取的值。
4、然后在script里添加一個function,按鈕事件的函數(shù)。使用jquery的 attr方法來設(shè)置屬性就行了,參數(shù)第一個是要添加的屬性名,第二個就是屬性的值。這里我們?yōu)閐iv添加一個id屬性。
5、保存文件,查看.attr()就可以獲取的屬性值。