jQuery操作attr、prop、val()/text()/html()、class屬性

1、jquery中用attr()方法來(lái)獲取和設(shè)置元素屬性，attr是attribute（屬性）的縮寫(xiě)，在jQuery DOM操作中會(huì)經(jīng)常用到attr()，attr()有4個(gè)表達(dá)式。①、attr(屬性名) //獲取屬性的值（取得第一個(gè)匹配元素的屬性值。

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

2、attr()是jQuery 0版本就有的函數(shù)，prop()是jQuery 6版本新增的函數(shù)。毫無(wú)疑問(wèn)，在6之前，你只能使用attr()函數(shù)；6及以后版本，你可以根據(jù)實(shí)際需要選擇對(duì)應(yīng)的函數(shù)。

3、prop() 操作的是 DOM 節(jié)點(diǎn)的屬性；attr() 操作的是 HTML 標(biāo)簽屬性。

4、提示：如需檢索 HTML 屬性，請(qǐng)使用 attr() 方法代替。提示：如需移除屬性，請(qǐng)使用 removeProp() 方法。B、val() 方法返回或設(shè)置被選元素的值。元素的值是通過(guò) value 屬性設(shè)置的。該方法大多用于 input 元素。

5、第一步：sizzle選擇器基于元素的id、類、類型、屬性、屬性值等查找（或選擇）HTML元素，簡(jiǎn)單的說(shuō)是基于css選擇器，除此之外還有一些特定的選擇器。

6、可見(jiàn)，prop()和val()都能獲取到文本框的實(shí)際value值，而attr()獲取的則始終為文檔結(jié)構(gòu)中的value的屬性值，與文本框?qū)嶋H值無(wú)關(guān)，并不會(huì)變化。

jQuery中attr與prop之間有什么的區(qū)別

類型： String 要獲取的屬性名稱 .attr()方法只獲取第一個(gè)匹配元素的屬性值。

很明顯，attr和prop分別是單詞attribute和property的縮寫(xiě)，并且它們均表示屬性的意思。不過(guò)，在jQuery中，attribute和property卻是兩個(gè)不同的概念。attribute表示HTML文檔節(jié)點(diǎn)的屬性，property表示JS對(duì)象的屬性。

prop和attr的根本區(qū)別在于：對(duì)于HTML元素本身就帶有的固有屬性，在處理時(shí)，使用prop方法。

前兩個(gè)是固有屬性，而后面一個(gè)“action”屬性是我們自己自定義上去的，元素本身是沒(méi)有這個(gè)屬性的。

其實(shí)不然，prop 方法是 jQuery v1 才新出來(lái)的，性能要更好一些，解決了 window 或 document 無(wú)法使用 attr 方法的問(wèn)題，同時(shí)在獲取元素狀態(tài)時(shí)返回布爾值，大大方便了對(duì)狀態(tài)的判斷。

jQuery的 .attr() 方法得到了一個(gè)元素的屬性值主要有兩個(gè)好處：方便：它可以直接被jQuery對(duì)象訪問(wèn)并且鏈?zhǔn)秸{(diào)用其他jQuery方法。瀏覽器兼容：一些屬性在不同瀏覽器中得到不同的值。 甚至在同一個(gè)瀏覽器的不同版本中。

怎樣使用jQuery.i18n.properties讓JS代碼國(guó)際化

利用資源文件實(shí)現(xiàn)國(guó)際化是一種比較流行的方式，例如 Android 應(yīng)用就可以采用以語(yǔ)言和國(guó)家編碼命名的資源文件來(lái)實(shí)現(xiàn)國(guó)際化。jQuery.i18n.properties 插件中的資源文件以“.properties”為后綴，包含了區(qū)域相關(guān)的鍵值對(duì)。

在i18n目錄下，strings.properties對(duì)應(yīng)默認(rèn)翻譯，strings_zh.properties對(duì)應(yīng)中文翻譯。

/WEB-INF/i18n/resources/messages 配置新建文件夾，在文件夾里面新建配置文件 messages_zh_CN.properties（中文國(guó)際化資源文件），messages.properties（英文國(guó)際化資源文件）國(guó)際化資源文件。到此配置完畢。

但是還是有一個(gè)問(wèn)題，plus.io.resolveLocalFileSystemURL是異步。國(guó)際化獲取值需要想獲取完數(shù)據(jù)才可以，于是我修改了一下jquery.i18n.properties.js文件。使用async和await完成同步。

jquery中attr和prop的區(qū)別

1、prop和attr的根本區(qū)別在于：對(duì)于HTML元素本身就帶有的固有屬性，在處理時(shí)，使用prop方法。

2、jQuery的 .attr() 方法得到了一個(gè)元素的屬性值主要有兩個(gè)好處：方便：它可以直接被jQuery對(duì)象訪問(wèn)并且鏈?zhǔn)秸{(diào)用其他jQuery方法。瀏覽器兼容：一些屬性在不同瀏覽器中得到不同的值。 甚至在同一個(gè)瀏覽器的不同版本中。

3、JS中attr和prop屬性的區(qū)別 相比attr，prop是1才新出來(lái)的，兩者從中文意思理解，都是獲取/設(shè)定屬性的方法(attributes和properties)。

4、window或document中使用.attr()方法在jQuery6中不能正常運(yùn)行，因?yàn)閣indow和document中不能有attributes。它們包含properties(比如：location或readyState)，必須使用.prop()方法操作或簡(jiǎn)單地使用javascript原生的方法。

5、沒(méi)有太大區(qū)別。一般情況下具有 true 和 false 兩個(gè)屬性的屬性，如 checked， selected 或者 disabled 使用prop()，其他的使用 attr()。以下來(lái)自網(wǎng)絡(luò)，有興趣可閱讀：jQuery 6 開(kāi)始新增了一個(gè)方法 prop()。

6、不是不兼容而是你應(yīng)該用attr()方法 prop()主要針對(duì)disabled，等返回true false 的。

網(wǎng)站欄目：jquery.prop jquerypropattr區(qū)別
標(biāo)題鏈接：http://www.rwnh.cn/article2/dgeggoc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、手機(jī)網(wǎng)站建設(shè)、服務(wù)器托管、外貿(mào)建站、云服務(wù)器、網(wǎng)站制作

廣告

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