jQuery如何獲取指定的屬性值

在jQuery輸入元素表達(dá)式屬性名即可得到。

創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),西秀企業(yè)網(wǎng)站建設(shè),西秀品牌網(wǎng)站建設(shè),網(wǎng)站定制,西秀網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,西秀網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

如：

1.$("#textId").attr("width")是獲取Id為textId的控件的width屬性。

2.$(".className").attr("width")是獲取包含class名為className的控件的width屬性。

3.$("[name=textName]").attr("width")是獲取name為textName的控件的width屬性。

但要注意，jquery取到的可能是一個(gè)數(shù)組，如果確定屬性為同一值，則沒問題，否則應(yīng)該循環(huán)取得控件，再取屬性值。如：$("#textId")[0].width是取第一個(gè)控件的width屬性。但也有寫屬性用attr取不到，也需要用角標(biāo)的方式取得控件后再取屬性。

jQuery是一個(gè)快速、簡潔的JavaScript框架，是繼Prototype之后又一個(gè)優(yōu)秀的JavaScript代碼庫（或JavaScript框架）。jQuery設(shè)計(jì)的宗旨是“write Less，Do More”，即倡導(dǎo)寫更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設(shè)計(jì)模式，優(yōu)化HTML文檔操作、事件處理、動(dòng)畫設(shè)計(jì)和Ajax交互。

jQuery的核心特性可以總結(jié)為：具有獨(dú)特的鏈?zhǔn)秸Z法和短小清晰的多功能接口；具有高效靈活的css選擇器，并且可對CSS選擇器進(jìn)行擴(kuò)展；擁有便捷的插件擴(kuò)展機(jī)制和豐富的插件。jQuery兼容各種主流瀏覽器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

jquery幾種屬性選擇器的應(yīng)用

[attribute] 有attribute這個(gè)屬性的

[attribute1][attribute2] 有這attribute1和attribute2兩個(gè)屬性

[attribute=value] 這個(gè)attribute屬性等于這個(gè)value

[attribute!=value] 這個(gè)attribute屬性不等于這個(gè)value

[attribute^=value]這個(gè)attribute屬性以這value開始的

[attribute$=value]這個(gè)attribute屬性以這個(gè)value結(jié)束的

[attribute*=value]這個(gè)attribute屬性包含有這個(gè)value的

使用jQuery按name屬性選擇元素

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

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

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

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

語法：

示例：

輸出：

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

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

語法：

示例：

輸出：

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

Jquery的屬性選擇器

!DOCTYPE?html

html

head

titleDemo/title

/head

body

div?name?=?"userName"?id?=?"div1"/div

div?name?=?"please"?id?=?"div2"/div

div?name?=?"bike"?id?=?"div3"/div

div?name?=?"thanks"?id?=?"div4"/div

/body

script

src=""

integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="

crossorigin="anonymous"/script

script?type="text/javascript"

var?$name1?=?$("[name='userName']");//?獲取name屬性的值等于userName的頁面元素

var?$name2?=?$("[name^='p']");//?獲取name屬性的值以p為首字母的頁面元素

var?$name3?=?$("[name$='e']");//?獲取name屬性的值以e結(jié)尾的頁面元素

var?$name4?=?$("[name*='a']");//?獲取name屬性的值包含a的頁面元素

console.log($name1,$name2,$name3,$name4)

/script

/html

這些屬性選擇器在jquery官方文檔上都有示例和詳細(xì)的描述

網(wǎng)頁鏈接

jquery屬性選擇器中屬性指的是什么意思

jquery屬性選擇器中屬性指的是元素的屬性，比如input 的input；a color=""的color。

jquery中如何來獲取或和設(shè)置屬性

選擇某個(gè)元素后，用attr方法。比如

$('#app').attr('title')獲取titlr屬性值

$('#app').attr('title','title屬性值')設(shè)置title屬性值