JS和jQuery通过this获取html标签中的属性值(实例代码)


Posted in jQuery onSeptember 11, 2017

废话不多说了,具体代码如下所示:

<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>

总结

以上所述是小编给大家介绍的JS和jQuery通过this获取html标签中的属性值,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

jQuery 相关文章推荐
jQuery查找dom的几种方法效率详解
May 17 jQuery
jQuery validata插件实现方法
Jun 25 jQuery
使用jquery的jsonp如何发起跨域请求及其原理详解
Aug 17 jQuery
jquery操作ul的一些操作笔记整理(干货)
Aug 31 jQuery
jQuery实现IE输入框完成placeholder标签功能的方法
Sep 20 jQuery
jQuery简单实现对数组去重及排序操作实例
Oct 31 jQuery
JS/jQuery实现DIV延时几秒后消失或显示的方法
Feb 12 jQuery
jQuery Ajax实现Select多级关联动态绑定数据的实例代码
Oct 26 jQuery
jQuery实现简单的Ajax调用功能示例
Feb 15 jQuery
jQuery pager.js 插件动态分页功能实例分析
Aug 02 jQuery
jquery将json转为数据字典的实例代码
Oct 11 jQuery
jQuery实现弹幕特效
Nov 29 jQuery
利用JQuery操作iframe父页面、子页面的元素和方法汇总
Sep 10 #jQuery
jQuery事件对象的属性和方法详解
Sep 09 #jQuery
详解jquery插件jquery.viewport.js学习使用方法
Sep 08 #jQuery
jQuery选择器中的特殊符号处理方法
Sep 08 #jQuery
JQuery 获取多个select标签option的text内容(实例)
Sep 07 #jQuery
jQuery UI Draggable + Sortable 结合使用(实例讲解)
Sep 07 #jQuery
jQueryUI Sortable 应用Demo(分享)
Sep 07 #jQuery
You might like
上海地方志办公室-上海电子仪表工业志
2021/03/04 无线电
手把手教你打印出PDF(关于fpdf的简单应用)
2013/06/25 PHP
php递归方法实现无限分类实例代码
2014/02/28 PHP
PHP实现单例模式最安全的做法
2014/06/13 PHP
PHP中抽象类、接口的区别与选择分析
2016/03/29 PHP
php读取qqwry.dat ip地址定位文件的类实例代码
2016/11/15 PHP
北京奥运官方网站幻灯切换效果flash版打包下载
2008/01/30 Javascript
封装好的一个万能检测表单的方法
2015/01/21 Javascript
echart简介_动力节点Java学院整理
2017/08/11 Javascript
使用vuex的state状态对象的5种方式
2018/04/19 Javascript
原生JS实现动态添加新元素、删除元素方法
2019/05/05 Javascript
vue+element模态框中新增模态框和删除功能
2019/06/11 Javascript
JavaScript canvas仿代码流瀑布
2020/02/10 Javascript
jquery绑定事件 bind和on的用法与区别分析
2020/05/22 jQuery
Jupyter notebook远程访问服务器的方法
2018/05/24 Python
使用python对文件中的数值进行累加的实例
2018/11/28 Python
windows下搭建python scrapy爬虫框架步骤
2018/12/23 Python
解决python文件双击运行秒退的问题
2019/06/24 Python
常用python爬虫库介绍与简要说明
2020/01/25 Python
python实现3D地图可视化
2020/03/25 Python
Python字符串格式化常用手段及注意事项
2020/06/17 Python
Python如何自动获取目标网站最新通知
2020/06/18 Python
Python QT组件库qtwidgets的使用
2020/11/02 Python
Python WebSocket长连接心跳与短连接的示例
2020/11/24 Python
TensorFlow2.0使用keras训练模型的实现
2021/02/20 Python
欧舒丹英国官网:购买欧舒丹护手霜等明星产品
2017/01/17 全球购物
海外淘书首选:AbeBooks
2017/07/31 全球购物
无谷物狗粮:Pooch & Mutt
2018/05/23 全球购物
澳大利亚先进的皮肤和激光诊所购物网站:Soho Skincare
2018/10/15 全球购物
乔布斯斯坦福大学演讲稿
2014/05/23 职场文书
关于迟到的检讨书
2015/05/06 职场文书
CSS预处理框架——Stylus
2021/04/21 HTML / CSS
Django路由层如何获取正确的url
2021/07/15 Python
oracle连接ODBC sqlserver数据源的详细步骤
2021/07/25 Oracle
基于Go语言构建RESTful API服务
2021/07/25 Golang
nginx中proxy_pass各种用法详解
2021/11/07 Servers