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

news/2024/10/23 9:26:40/

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

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

方法一:dataset()方法

//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()方法

// 取值
var id = $("#getId").data("id"); //122//赋值
$("#getId").data("id","100");//100

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

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

方法三:jquery attr()方法

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


http://www.ppmy.cn/news/1114660.html

相关文章

扔掉你的开发板,跟我玩Mcore-全志h616

本文转载自WhyCan Forum(哇酷开发者社区)&#xff1a; https://whycan.com/t_10024.html 作者leefei 这是一个1.69寸触摸小电视。使用全志H616芯片&#xff0c;板上硬件有mpu6050陀螺仪&#xff0c;USB转ttl调试串口&#xff0c;一个USB接口&#xff0c;WIFI&蓝牙&#x…

【蓝桥杯选拔赛真题61】Scratch小猫照镜子 少儿编程scratch图形化编程 蓝桥杯选拔赛真题解析

目录 scratch小猫照镜子 一、题目要求 编程实现 二、案例分析 1、角色分析

9.19-21,openEuler与您相约2023欧洲开源峰会

2023年9月19日-21日&#xff0c;openEuler将参加在西班牙毕尔巴鄂举办的 OSSUMMIT 2023&#xff08;Open Source Summit Europe 2023&#xff09;&#xff0c;这是openEuler继去年正式亮相后的第二次全面参加该峰会。 Open Source Summit Europe是由Linux基金会主办&#xff0…

Python空值None的意义

在 Python 中&#xff0c;有一个特殊的常量 None&#xff08;N 必须大写&#xff09;。和 False 不同&#xff0c;它不表示 0&#xff0c;也不表示空字符串&#xff0c;而表示没有值&#xff0c;也就是空值。 这里的空值并不代表空对象&#xff0c;即 None 和 [] 以及 "&q…

ORB-SLAM3局部建图线程

一.总体流程 二.局部建图线程的目的和意义 1.承上启下&#xff0c;接受跟踪线程输入的关键帧并进行局部地图优化&#xff0c;删除冗余关键帧等&#xff0c;将优化后的关键帧发送给闭环线程。 2.实现中期数据关联 三.IMU初始化

20230915java面经记录

1.mq消息重复消费 rocketmq&#xff0c;kafka&#xff0c;rabbitmq等都保证at least one&#xff0c;至少一次&#xff0c;可能存在重复消费&#xff0c;要靠业务代码解决 原因&#xff1a;生产者发送重复消息or消费者消费重复消息 也就是说生产者在Broker响应时间后又发了一…

2023陇剑杯

2023陇剑杯初赛WP HW hard_web_1 ​ 首先判断哪个是服务器地址 ​ 从响应包看&#xff0c;给客户端返回数据包的就是服务器 所以确定服务器地址是192.168.162.188​ 再从开放端口来看&#xff0c;长期开放的端口 客户端发送一个TCP SYN包&#xff08;同步请求&#xff…

LED智能家居灯 开关调光 台灯落地灯控制驱动 降压恒流IC AP5191

产品描述 AP5191是一款PWM工作模式,高效率、外围简单、内置功率MOS管&#xff0c;适用于4.5-150V输入的高精度降压LED恒流驱动芯片。输出最大功率150W&#xff0c;最大电流6A。AP5191可实现线性调光和PWM调光&#xff0c;线性调光脚有效电压范围0.55-2.6V.AP5191 工作频率可以…