JQ属性选取attr、prop、data的区别

最新推荐文章于 2023-10-13 18:00:25 发布
最新推荐文章于 2023-10-13 18:00:25 发布
阅读量2.1k 收藏
点赞数
分类专栏： JavaScript 文章标签： 标签 数据 jq jquery html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_26291823/article/details/50478625
版权

JQ属性选取attr、prop、data的区别

ps：本人亲测，阿里云2核4G5M的服务器性价比很高，新用户一块多一天，老用户三块多一天，最高可以买三年，感兴趣的可以戳一下：阿里云折扣服务器

1、attr返回属性的值（标签自带属性和自定意属性都可以返回）

2、prop返回true或false（只能返回标签自带属性，不能返回自定义属性）

3、data向被选元素附加数据，或者从被选元素获取数据（即H5的自定义属性）

空白_回忆
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JQ 设置属性 attr()
08-14
在JavaScript的世界里，...同时，`attr()`与jQuery的其他方法如`data()`、`prop()`等相结合，能构建出更复杂的前端应用。实践是检验真理的唯一标准，尝试在自己的项目中运用这些知识，你会发现它们的实用性与强大之处。
jQuery.attr() 函数详解
十年树木的博客
11-24 4651
attr()函数用于设置或返回当前jQuery对象所匹配的元素节点的属性值。 该函数属于jQuery对象(实例)。如果需要删除DOM元素节点的属性，请使用removeAttr()函数。 语法 attr()函数有以下两种用法： 用法一： jQueryObject.attr( attributeName [, value ] ) 设置或返回指定属性attribu
jQuery中的一些选择器方法
weixin_46515050的博客
04-29 1656
jQuery是一个JavaScript库，它通过封闭原生JavaScript函数得到一整套定义好的方法。它的作者是John Resig,于2006年创建的一个开源项目，随着越来越多开发者的加入，jQuery已经集成了JavaScript、CSS、DOM、和Ajax于一体的强大功能，它可以用最少的代码，完成更多复杂而困难的功能，从而得到了开发者的青睐。 主指：以更少的代码、实现更多的功能。 jQue...
jQuery之属性选择器
python全栈
01-24 4100
属性选择器 [attribute]匹配包含给定属性的元素 $("a").addClass("myClass"); $("a[href]").addClass("myClass"); [attribute1][attribute2]复合属性选择器，需要同时满足多个属性 $("a[href][title]").addClass("myClass"); [attribute=value]匹配给定的属性是某个特定值的元素 $("a[href='film-2.html']").addClass("myClas
jQuery JavaScript Library v1.10.2源码
weixin_30436101的博客
08-28 973
/*! * jQuery JavaScript Library v1.10.2 * http://jquery.com/ * * Includes Sizzle.js * http://sizzlejs.com/ * * Copyright 2005, 2013 jQuery Foundation, Inc. and other contributors * R...
jq 对象的 attr 和 data 方法
weixin_34080571的博客
03-21 557
有一定基础的前端一定对 jq 中的 attr() 和 data() 方法不陌生，attr() 可以获取 html 元素的属性，其中包括自定义属性（data-xxx） <div class="test" a="a" data-id="1"></div> <script> $('div').attr('a'); // a ...
JQ 属性操作
08-13
使用`.prop()`方法可以更好地处理布尔属性，因为它返回的是布尔值而非字符串。同时，`$.data()`可以用于存储和检索关联到元素的自定义数据，这不同于DOM的属性。 七、示例代码分析 在提供的“demo”文件中，很可能...
JQ 获取内容和属性
06-10
通过选择器（如ID、类名或属性选择器）选取元素后，我们可以调用一系列的方法来获取或修改它们的内容和属性。 ### 获取内容 1. **`text()`**: 使用`text()`方法可以获取元素的文本内容，不包括子元素的文本。如果...
jQueryAPI.rar_jq 1.2.6api
09-23
可以使用`attr(attributeName)`获取或设置元素的属性值，`removeAttr(attributeName)`移除属性，`prop(propertyName)`针对DOM元素的特性进行操作。 8. **数据存储** jQuery提供了一种在元素上存储私有数据的方式...
jquery复选框多选赋值给文本框的方法
12-09
在代码中，`'[data-type="checkbox"]'`选择器用于选取所有带有`data-type="checkbox"`属性的元素，即所有的复选框。 3. **事件监听**： 使用`$(function() {...})`或`$(document).ready(function() {...})`来确保...
jquery的attr方法使用
04-13
NULL 博文链接：https://liuna718-163-com.iteye.com/blog/1717663
jQuery属性操作之.attr()
peterzhangsnail的博客
11-28 2736
文章目录.attr()调用形式:$("xxx").attr(name)调用形式:$("xxx").attr(name,value);调用形式:$("xxx").attr(attrObject);调用形式:$("xxx").attr(name,attrFn); [转载:https://www.cnblogs.com/peterzhangsnail/p/10030013.html] .attr() 1...
jQuery的attr()方法和JavaScript的属性操作
最新发布
rr20060119的博客
10-13 448
使用来读取元素的属性值。使用来设置元素的属性值。使用来设置多个属性的值。使用来移除元素的属性。使用来检查属性是否存在。使用来添加自定义数据属性。使用回调函数来根据属性的旧值来设置新值。
JQuery 属性选择器 [id^=btn]
houyanhua1的专栏
12-18 1614
$('input');  //所有input元素 $('input[id]'); //input元素中，设置了id属性的所有元素。 $('input[id=btn1]'); //input元素中，id=btn1的元素。 $('input[id*=btn]'); //input元素中，id包含btn的所有元素。 $('input[id^=btn]'); //input元素中，id以btn开头
jQuery
liuyu_719的博客
08-14 3736
什么是jQuery：内部对原生JS代码进行了封装，并且还额外添加了很多的功能，能够让开发者通过书写更少的代码来完成js操作。兼容多个浏览器的，在使用jQuery的时候就不需要考虑浏览器兼容问题。jQuery的宗旨：“write less do more”（用更少的代码完成更多的事情）使用jQuery的好处：跨浏览器兼容。链式编程、隐式迭代对事件、样式、动画支持，大大简化了DOM操作支持插件扩展开发免费、开源轻量级，不会影响页面加载速度。如何使用： 二、jQuery初识 jQuery对象与
关于jQuery_属性选择器的介绍和基本使用
qq_55961861的博客
08-16 884
关于jQuery_属性选择器的介绍和基本使用
认识jQuery的两个API：attr和data
热门推荐
Eric的专栏
01-14 1万+
从语义上看，这两个API之间毫不相干，作用也是各有不同。单纯方法名称看，attr()用来修改和增加DOM元素的属性，以及获得属性值。data()用来将数据绑定在DOM元素上。在实际项目中我发现，这两个API都被用来将存储服务器端数据和传递到JavaScript，可以说是JavaScript使用服务器段数据的一个桥梁。如果不考虑attr()修改DOM元素属性可能引起UI变化这一方面，只考虑其作为传递
jquery中关于attr和prop的区别！
Java&Develop的博客
06-13 4400
昨天这两个方法搞混了,被公司大佬说了下，虽然没说什么，但还是挺尴尬的。重点是大佬说你可以用attr方法，我特么第一句话就是怎么用呢。原谅我使用vue之后太依赖框架的东西了，以至于以前jquery玩的也挺溜的我，慢慢淡忘了 jquery。罪过罪过呢！jquery还是一款很优秀的函数库，哎 不说了 继续码代码了。 $().attr() 允许我们往元素上加上自定义属性 我们也可以用attr 获取提前定义好的在上面的 自定义属性值 当然 也可以获取到 元素 自带的一些属性 那么 attr 是获取和设置 属性的
jQuery基础、选择器、属性、元素的筛选、自定义动画、对象访问、事件处理、动画
m0_74343097的博客
11-08 515
jQuery基础、选择器、属性、元素的筛选、自定义动画、对象访问、事件处理、动画
jquery中attr和prop的区别
03-28
attr和prop都是jQuery中用于获取和设置元素属性的方法，但它们有不同的应用场景和用法： 1. attr用于获取和设置HTML属性值，它是基于元素的HTML属性工作的；prop用于获取和设置DOM元素的属性值，它是基于DOM属性...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值