原生JS添加设置和获取自定义属性 Jquer获取自定义属性

最新推荐文章于 2023-04-17 09:54:19 发布
原创 最新推荐文章于 2023-04-17 09:54:19 发布 · 1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了JQuery与H5在操作自定义属性时的不同表现。H5直接在DOM上设置属性，而JQuery则在内存中进行修改。理解这些差异对于前端开发者至关重要。

在这里插入图片描述

Jquery 获取自定义属性

在这里插入图片描述

注意

h5操作的是DOM， 设置属性后可以直接显示，但内存中是不变的，而是新开内存
Jquery 操作ode是内存，是直接修改内存自定义属性

js 点击a标签 获取a的自定义属性方法
10-21
在传统的原生JavaScript中，我们可以通过访问元素的`attributes`集合来获取所有的属性，包括自定义属性。下面是获取自定义属性的一种方法： ```javascript function showDetail(obj) { var ownattr = obj....
vue如何获取自定义元素属性参数值的方法
10-17
在Vue框架中，获取自定义元素属性参数值是进行组件间数据传递和操作的常见需求。Vue提供多种方式来获取这些参数值，包括但不限于模板绑定、事件处理、引用DOM元素、以及jq等第三方库的使用。 1. 通过事件对象获取 ...
h5自定义属性
qq_40687516的博客
12-21 342
<div getTime="20" data-index="2" data-list-name="andy"></div> <script> var div = document.querySelector('div'); // console.log(div.getTime); console.log(d...
原生JS和AJAX设置属性
weixin_46411355的博客
10-10 485
原生JS和Jquery设置属性
原生js自定义属性的设置和获取
冷月心的博客
06-01 3459
dom.setAttribute(key,value) dom.getAttribute(key)
原生js获取、设置、删除属性
ydongabc
11-04 318
1.获取属性 element.getAttribute('属性名')； //返回指定元素属性名的属性值 element.getAttributeNode('属性名')； //返回指定元素的属性名和属性值 element.attributes['属性名']；//返回指定元素的属性名和属性值 2.设置属性 element.setAttribute(name,value); //添加指定的属性，...
原生js和jq操作元素和元素属性的几个方法+img图片格式+RGB色彩描绘
m0_52669454的博客
09-05 496
原生js和jq操作元素和元素属性的几个方法+img图片格式+RGB色彩描绘
js设置和获取自定义属性的方法
10-21
本文将详细介绍如何在JavaScript（简称JS）中设置和获取这些自定义属性的方法。 首先，我们需要了解HTML中的自定义属性通常是以data-为前缀的。例如，如果我们想为一个元素添加一个描述用户信息的属性，我们可能会...
jquery 获取自定义属性(attr和prop)的实现代码
10-28
最后一个表达式允许我们传递一个包含多个属性名和属性值对的对象，一次性为元素设置多个属性。这种方法在需要对元素进行批量设置属性时非常方便高效。例如，一次性设置title和alt属性，以及class属性，可以编写如下...
原生js修改属性的六种方法
qq_43654065的博客
12-22 2583
转载： JS 修改元素属性的六种方式_boonyaxnn的博客-优快云博客_js设置元素属性方式一、1.setAttribute 描述：设置元素的【属性】 语法：元素名.setAttribute('属性','属性值'); 例子： box.setAttribute('style','background-color:red;height:400px'); 注意：设置的是行内样式2.getAttribute 描述：获取属...https://blog.youkuaiyun.com/boonyaxnn/article/d
【JS】设置、获取、删除标签属性以及H5自定义属性
热门推荐
m0_48982503的博客
01-14 1万+
使用setAttribute()('属性名', '属性值')方法可以添加、修改、删除属性。 使用getAttribute(‘属性名')方法获取标签的属性 使用removeAttribute('属性名')方法删除标签的属性 自定义属性的目的：是为了保存和使用数据，有些数据可以保存到页面中而不用保存到数据库中 自定义属性获取是通过 getAttribute(‘属性’) 方法获取 但是有些自定义属性很容易引起歧义，不容易判断到底是元素内部的属性还是自定义属性 H5中新增了标准
JS基础四【JS】
weixin_53943447的博客
03-01 1372
自定义属性的目的保存并保存数据，有些数据可以保存到页面中而不用保存到数据库中有些自定义属性很容易引起歧义，不容易判断到底是内置属性还是自定义的，所以H5有了规定设置H5自定义属性H5规定自定义属性data开头作为属性名并且赋值// 或者使用JavaScript设置获取H5自定义属性element.getAttribute('属性')element.dateset.index 或者 element.dateset['index']ie11才开始支持。
JS自定义属性操作
Sea_water778的博客
10-24 6058
1.获取属性两种方法 element.属性 获取内置属性值 element.getAttribute ( ’ 属性 ’ ); get获取 attribute 属性的意思 获取程序员自己添加的属性 称为自定义属性 2.设置属性值两种方法 element.属性 = ’ 值 ’ 设置内置属性值。 element.setAttribute ( ’ 属性 '，‘ 值 ’ )； 区别； element.属性 设置内置属性值 element.setAttribute( ’ 属性 '，‘ 值
js获取属性和自定义属性操作
seimeii的博客
03-29 2669
js获取属性和自定义属性操作
js DOM操作自定义属性
RayShyy的博客
03-19 4400
自定义属性：在日常开发中，html的内置属性已经无法满足程序员的日常开发，所以需要我们自己定义属性，H5给我们新增了自定义属性，为了防止自定义属性和内置属性引起歧义，所以H5规定自定义属性以data-开头定义。 1. 获取元素的属性值 element.属性名 element.getAttribute(“属性名”) element.属性名 和 element.getAttribute(“属性名”) 的区别： element.属性名：获取的是内置属性(元素本身自带的属性)，不能获取自定义属性； elem.
原生js自定义属性的操作：setAttribute、getAttribute、removeAttribute、hasAttribute（转发）
Allen_Sushi首页
04-17 567
原生js自定义属性的操作：setAttribute、getAttribute、removeAttribute、hasAttribute（转发）
原生js 获取自定义属性
weixin_46352937的博客
06-04 3134
原生js 获取自定义属性的两种方法
JS BOM 添加自定义属性
qq_35112578的博客
08-12 291
自定义属性
关于：js怎么获取元素的自定义属性的问题（原生JavaScript）
facing-screen's blog
07-12 2283
最近项目需要把后端传过来的数据隐藏的保存在页面中，方便后边做事件处理时使用。鉴于之前总是在后端处理后的页面中看到元素里除了常见的id、name属性外的data-xxx，就想到：元素的属性必然是可以自定义并获取到的，百度了下，原来JavaScript本来就自带有函数getAttribute( )用于获取只定义属性，于是迫不及待的写了个demo： <input type=...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值