JavaScript中的 attribute 和 jQuery中的 attr 方法淺析
根據(jù)大體上的意思我感覺js setAttribute與jquery中attr工作是完全一樣的，只是jquery中簡寫了并且工能更強大了，下面我來分別介紹一下他們的用法。
attribute 是原生js dom 對象上的一個屬性，這個屬性有很多子屬性，比如 isId（判斷屬性是否是Id） , name （獲取屬性名稱） , value （獲取屬性值）,attributes 用來獲取dom元素 的所有屬性集合。
話不多說，上例子了:
<input type="text" name="username" id="name" verify="len_2_12" >
<script>
var oInput = document.getElementsByTagName("INPUT")[0] ;
var attrs = oInput.attributes;
var attr = attrs[0];
</script>
attrs 中就包含 input 所有的屬性 有 type,name,id,verify（自己加的屬性，表單驗證的時候用到，不影響input功能）；
attr 只是type="text"。
attr.name = "type" attr.value = "text"
jquery 獲取元素的屬性非常簡單，選取元素后直接使用attr('屬性名稱')方法就可以獲取屬性值，attr('屬性名稱'，屬性值);可以設(shè)置元素屬性
以上所述是小編給大家介紹的JavaScript中的 attribute 和 jQuery中的 attr 方法淺析，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
- javascript中setAttribute()函數(shù)使用方法及兼容性
- js中的getAttribute方法使用示例
- javascript中attribute和property的區(qū)別詳解
- JavaScript中setAttribute用法介紹
- JS getAttribute和setAttribute(取得和設(shè)置屬性)的使用介紹
- JavaScript中的property和attribute介紹
- javascript setAttribute, getAttribute 在不同瀏覽器上的不同表現(xiàn)
- js setattribute批量設(shè)置css樣式
- Jquery attr()方法 屬性賦值和屬性獲取詳解
- jQuery使用attr()方法同時設(shè)置多個屬性值用法實例
- jQuery使用元素屬性attr賦值詳解
相關(guān)文章
JavaScript常見錯誤：“無法讀取未定義的屬性”的原因及解決方案
本文將深入探討“無法讀取未定義的屬性”這一常見JavaScript錯誤,分析其成因,提供詳細的解決方案和最佳實踐,幫助開發(fā)者有效地預(yù)防和修復(fù)此類問題,感興趣的小伙伴跟著小編一起來看看吧2024-12-12
一篇文章詳細講解JavaScript中的this(普通函數(shù)、箭頭函數(shù)、?函數(shù)運用)
這篇文章主要介紹了JavaScript中this關(guān)鍵字的指向規(guī)則,包括全局環(huán)境、函數(shù)、對象方法、構(gòu)造函數(shù)、事件處理函數(shù)和箭頭函數(shù)中的this指向,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2025-04-04
這篇文章中列出了一個系列的 30 個 JavaScript 單行代碼,它們在使用 vanilla js（≥ ES6）進行開發(fā)時非常有用,它們也是使用該語言在最新版本中為我們提供的所有功能來解決問題的優(yōu)雅方式,將它們分為以下5大類：日期、字符串、數(shù)字、數(shù)組、工具2023-08-08
前端開發(fā)，要學(xué)會吝嗇:2010-04-04
JavaScript下的時間格式處理函數(shù)Date.prototype.format
這篇文章主要介紹了JavaScript下的時間格式處理函數(shù)Date.prototype.format的相關(guān)資料,需要的朋友可以參考下2016-01-01
javascript運動效果實例總結(jié)(放大縮小、滑動淡入、滾動)
這篇文章主要介紹了javascript運動效果,結(jié)合實例形式總結(jié)分析JavaScript實現(xiàn)放大縮小、滑動淡入、滾動等效果的方法,需要的朋友可以參考下2016-01-01
JavaScript將字符串轉(zhuǎn)換成字符編碼列表的方法
這篇文章主要介紹了JavaScript將字符串轉(zhuǎn)換成字符編碼列表的方法,實例分析了javascript中charCodeAt函數(shù)的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
淺談js圖片前端預(yù)覽之filereader和window.URL.createObjectURL
下面小編就為大家?guī)硪黄獪\談js圖片前端預(yù)覽之filereader和window.URL.createObjectURL。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
javascript仿php的print_r函數(shù)輸出json數(shù)據(jù)
輸出json數(shù)據(jù)，php的print_r函數(shù)可以輕松實現(xiàn)，下面為大家介紹下javascript也可以模仿print_r函數(shù)輸出json數(shù)據(jù)，具體實現(xiàn)如下，感興趣的朋友可以了解下2013-09-09
超級標(biāo)簽之一鍵解除網(wǎng)頁復(fù)制限制、網(wǎng)頁自由編輯、顯示星號密碼功能代碼
實現(xiàn)以上功能不用安裝任何插件，把下列書簽圖標(biāo)拖動到瀏覽器書簽欄，就可以實現(xiàn)一鍵解除網(wǎng)頁復(fù)制限制、網(wǎng)頁自由編輯、顯示星號密碼功能2022-09-09