【前端】jquery获取data-*的属性值

news/2024/7/10 23:05:02 标签: jquery, 前端, javascript

 通过jquery获取下面data-id的值

<div id="getId" data-id="122" >获取id</div>

方法一:dataset()方法

javascript">//data-前缀属性可以在JS中通过dataset取值,更加方便
console.log(getId.dataset.id);//112

//赋值
getId.dataset.id = "113";//113

//新增data属性
getId.dataset.id2 = "100";//100

//删除,设置成null,或者delete
getId.dataset.id2 = null;//null
delete getId.dataset.id2;//undefind

方法二:jquery data()方法

javascript">// 取值
var id = $("#getId").data("id"); //122

//赋值
$("#getId").data("id","100");//100

通过点击事件,获取当前被点击的属性值

javascript">// 获取当前点击的属性值
$("#getId).click(function(){
    var id= $(this).data('id')
})

方法三:jquery attr()方法

javascript">// 取值
var id = $("#getId").attr("data-id"); //122

//赋值
$("#getId").attr("data-id","100");//100


http://www.niftyadmin.cn/n/5040050.html

相关文章

R语言绘图-3-Circular-barplot图

0. 参考&#xff1a; https://r-graph-gallery.com/web-circular-barplot-with-R-and-ggplot2.html 1. 说明&#xff1a; 利用 ggplot 绘制 环状的条形图 (circular barplot)&#xff0c;并且每个条带按照数值大小进行排列。 2 绘图代码: 注意&#xff1a;绘图代码中的字体…

贪心算法-IPO问题

1、题目描述 给你一个启动资金w&#xff0c;和一个最大项目次数k。 然后&#xff0c;有两个数组&#xff0c;一个cost[]&#xff0c;里面记录了每个项目需要花费的资金。一个profit数组&#xff0c;里面记录了每个项目完成后可以获取的利润。然后请你计算出&#xff0c;给你一个…

大数据时代下统计数据质量的影响因素

统计工作是为政府提供国民经济运行信息的重要手段&#xff0c;将大数据应用于统计工作是社会发展饿必然趋势。 一、内涵 在数字化时代和数字经济的飞速发展&#xff0c;“数据”已经被认定为一种新的生产要素&#xff0c;并且发挥着重要作用。数据质量的高低直接影响数据价值…

51单片机5【写代码前的准备】

1.Keil软件 1.IDE概念 &#xff08;1&#xff09;IDE就是集成开发环境&#xff0c;就是一套用来开发的完整的软件系统。 2.Keil 和 MDK &#xff08;1&#xff09;本来只能用来开发51单片机&#xff0c;叫Keil &#xff08;2&#xff09;后来ARM公司收购了Keil软件&#xff0c…

Git小乌龟不弹add push commit的方法

1.关于使用Git小乌龟无法弹出Add菜单的问题 第一次使用小乌龟软件&#xff0c;发现可以正常将程序从Gitee仓库中克隆到本地&#xff0c;但是在将本地的程序上传到Gitee仓库中时&#xff0c;TortoiseGit无法弹出Add那一系列菜单&#xff0c;如下图所示&#xff1a; 2.解决方法 …

基座向量施密特正交化

最近再次细细的阅读了向量施密特正交化&#xff0c;重新系统梳理一下 一、正交基地与向量的正交分解 二、基化成标准正交基&#xff0c;是什么意思 将一个向量空间中的基向量通过某种方式转化为一组标准正交基&#xff0c;是指将原有的基向量进行调整&#xff0c;使得它们满足…

2023/9/21 -- C++/QT

一、QT连接OpenCV库完成人脸识别 1.1 相关的配置 1> 该项目所用环境&#xff1a;qt-opensource-windows-x86-mingw491_opengl-5.4.0 2> 配置opencv库路径&#xff1a; 1、在D盘下创建一个opencv的文件夹&#xff0c;用于存放所需材料 2、在opencv的文件夹下创建一个…

Arrays.fill(dp, Integer.MAX_VALUE)

Java中的Arrays.fill()函数来将数组dp中的所有元素都填充为Integer.MAX_VALUE&#xff0c;即整型变量能表示的最大值。 Arrays.fill()函数用于将指定的值赋给数组中的每个元素&#xff0c;其语法如下&#xff1a; public static void fill(int[] array, int value) 其中&…