快捷導航

JS和jQuery通過this獲取html標簽中的屬性值(實例代碼)

更新時間：2017年09月11日 15:17:42 作者：Charles9703

本文通過實例代碼給大家分享JS和jQuery通過this獲取html標簽中的屬性值，非常不錯，具有參考借鑒價值，需要額朋友參考下吧

廢話不多說了，具體代碼如下所示：

<html>
 <head>
  <script type="text/javascript" src="jquery-1.10.2.min.js"></script>
  <script type="text/javascript">
   /** JQUERY 通過當前標簽屬性名，獲取屬性的值 */
   function attrsByJquery(obj){
    var v1 = $(obj).attr("dbname");
    var v2 = $(obj).attr("name");
    alert(v1);
    alert(v2);
   }
   
   /** JAVASCRIPT 通過當前標簽屬性名，獲取屬性的值 */
   function attrsByJs(obj){
    var v1 = obj.getAttribute('name');
    var v2 = obj.getAttribute('dbname');
    alert(v1);
    alert(v2);
   }
   
   function attrsButtons(obj){
    var v = obj.getAttribute('name');
    var vv = $(obj).attr("myname");
    alert(v);
    alert(vv);
   }
   
  </script>
 </head>
 <body>
  <div>
   <div style="width: 100px;height: 30px;float:left; margin-left:30px;" name="this is name feild" dbname="oracle1" onclick="attrsByJs(this)">JavaScript</div>
   <div style="width: 100px;height: 30px;float:left; margin-left:30px;" name="this is name feild" dbname="oracle2" onclick="attrsByJquery(this)">Juqery</div>
   <input type="button" name="abcdeg" myname="this is my name" onclick="attrsButtons(this)" value="buttons">
  </div>
 </body>
</html>

總結(jié)

以上所述是小編給大家介紹的JS和jQuery通過this獲取html標簽中的屬性值，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

談?wù)凧S中的!!
!!一般用來將后面的表達式強制轉(zhuǎn)換為布爾類型的數(shù)據(jù)（boolean），也就是只能是true或者false。下面看看通過本文給大家介紹了JS中的!!，需要的朋友參考下吧
2017-12-12
ES6中new Function()語法及應(yīng)用實例分析
這篇文章主要介紹了ES6中new Function()語法及應(yīng)用,結(jié)合實例形式分析了ES6中new Function()的基本語法、功能、原理、閉包等相關(guān)使用技巧,需要的朋友可以參考下
2020-02-02
微信小程序引入map組件并在地圖上標點的實現(xiàn)代碼
這篇文章主要介紹了微信小程序引入map組件并在地圖上標點,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2022-10-10
JS從一組數(shù)據(jù)中找到指定的單條數(shù)據(jù)的方法
這篇文章給大家介紹基于js如何從一組數(shù)據(jù)中找到指定的單條數(shù)據(jù)，非常實用，實現(xiàn)方案也很簡單，需要的朋友可以參考下
2016-06-06
JS中取二維數(shù)組中最大值的方法匯總
本文通過三種解決方案給大家介紹js中取二維數(shù)組中最大值的方法。介紹的非常詳細，具有參考價值
2016-04-04
解決layui的radio屬性或別的屬性沒顯示出來的問題
今天小編就為大家分享一篇解決layui的radio屬性或別的屬性沒顯示出來的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
微信小程序阻止小程序返回的兩種方法
這篇文章主要給大家介紹了關(guān)于微信小程序阻止小程序返回的兩種方法,分別是通過wx.enableAlertBeforeUnload和page-container,兩種方法都給出了詳細的實例,需要的朋友可以參考下
2023-04-04
JavaScript重載函數(shù)實例剖析
通過本文給大家簡單介紹下JavaScript重載函數(shù)的相關(guān)知識，在js中有沒有重載函數(shù)這個概念呢？很多朋友都很模糊，說不太清楚，下面通過本文給大家介紹js重載函數(shù)，一起學習吧
2016-05-05
詳解微信小程序應(yīng)用和頁面生命周期
生命周期是指一個對象從創(chuàng)建→>運行>銷毀的整個階段，強調(diào)的是一個時間段，文中介紹了生命周期的分類和微信小程序應(yīng)用，需要的朋友可以參考下
2022-08-08
JavaScript基于SVG的圖片切換效果實例代碼
這篇文章主要介紹了JavaScript基于SVG的圖片切換效果實例代碼,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2020-12-12