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 方法淺析,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(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 冒泡排序和選擇排序的實現(xiàn)代碼
本文通過實例代碼給大家介紹了js冒泡排序和選擇排序的實現(xiàn)代碼,代碼簡單易懂,非常不錯,具有參考借鑒價值,感興趣的朋友一起學習吧2016-09-09利用js實現(xiàn)可進行時間和工作調(diào)度的任務(wù)管理器
這篇文章主要為大家詳細介紹了如何利用js實現(xiàn)一個可進行時間和工作調(diào)度的任務(wù)管理器,文中的示例代碼簡潔易懂,有需要的小伙伴可以參考一下2023-10-10JavaScript使用encodeURI()和decodeURI()獲取字符串值的方法
這篇文章主要介紹了JavaScript使用encodeURI()和decodeURI()獲取字符串值的方法,實例分析了encodeURI()和decodeURI()函數(shù)解析字符串的相關(guān)技巧,需要的朋友可以參考下2015-08-08js canvas實現(xiàn)適用于移動端的百分比儀表盤dashboard
這篇文章主要為大家詳細介紹了js canvas實現(xiàn)適用于移動端的百分比儀表盤dashboard,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-07-07