Jquery中获取自定义标签data-id的值的几种常见方式

admin3年前前端技术833


https://segmentfault.com/a/1190000005770912
里面讲的很详尽了,在此就是总结一下做个笔记加深一下印象 。
假如

<div id="a" data-id="1"></div>1

要取data-id的值,第一种方法:

var id=div.dataset.id;1

第二种方法:

var id= $("#a").data("id");1

第三种方法:

var id= $("#a").attr("data-id");1

第四种方法:

var id=div.getAttribute("data-id");


相关文章

javascript获取cookie

//获取cookie function getcooki(name) { var name=name+"="; var mine=do...

jquery 生成的dom无法触发click事件的解决方案

原因是程序找不到此节点在jQuery中有“向未来的元素添加事件处理程序”方法说明,也正是动态创建元素无法触发事件的原因所在。正确的写法应该是:$(‘父元素’).on(‘click’,’动态的子元素’,...

通过jquery开发导航下来菜单

核心知识是用jquery的hover方法去实现,动画效果是slideDown与slideUp代码下载地址:点击下载...

H5实现移动端禁止页面缩放(适用Android和IOS)

要实现Android和IOS浏览器禁止页面缩放,通用的设置方式是给HTML页面设置meta标签来实现,具体添加标签内容如下:<meta name="viewport"...

原生javascrip 复制功能

兼容chrome FIrfox IE 下载地址000.zip代码如下:<!DOCTYPE html> <html> <head> &nbs...

webpack全局安装了,使用命令时却提示安装脚手架

全局安装了webpack ,使用webpack的时候,却有如下的提示One CLI for webpack must be installe...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。