关于jQuery中的attr和data问题

摘要:
今天,我使用数据获取属性和赋值时遇到了一个小问题。把它写下来,以防将来跳楼。当使用jQuery获取自定义属性值时,我们习惯于使用$。属性;JQuery分配:$。属性;数据值:$。数据数据分配:$。数据值得注意的是,这些数据。如果您决定使用数据,请不要再使用attr。交叉混合不会产生值。因为数据是单个绑定,所以返回的数据不会实时更新到dom。如果确实需要更新dom上的自定义属性值,则只能将从数据中获取的值放入attr。这不是很麻烦吗?另一个小漏洞:如果dom中指定的值是一个true字符串,则使用数据检索布尔规则。

今天在使用data获取属性并且赋值时遇到一个小问题,写下来防止以后再跳坑。

在使用jQuery获取自定义属性值时,我们习惯用

$(selector).attr('data-value');

jQuery赋值:

$(selector).attr('data-value','123456');

而data的取值:

$(selector).data('value');

data赋值:

$(selector).data('value','123456');

值得注意的是data,如果决定使用data就不要再使用attr,交叉混用是拿不出值的。因为data是单项绑定,返回的数据不会实时更新到dom。

如果真的需要更新dom上的自定义属性值,那只能把data取出的值放入attr中,感觉很麻烦不是吗?

另一个小坑,如果dom中赋值是一个字符串true,使用data取出的却是boolean true。

免责声明:文章转载自《关于jQuery中的attr和data问题》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇FolderBrowserDialog(文件夹浏览对话框)第23周二下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

python中使用multipart/form-data请求上传文件

最近测试的接口是上传文件的接口,上传单个文件,我主要使用了2种方法~ 接口例如: URL: http://www.baidu.com/*** method:post 参数: {"salary":19,"file":{}} 1、使用Python的requests上传表单数据和文件 data={"salary":salary} files={'file...

Vue向后端请求课程展示

1.Vue结构 App.vue <template> <div id="app"> <router-link to="/index">首页</router-link> <router-link to="/course">课程</router-link> &...

出现 "System.Data.OracleClient 需要 Oracle 客户端软件 8.1.7 或更高版本" 错误的解决办法

出现 "System.Data.OracleClient 需要 Oracle 客户端软件 8.1.7 或更高版本" 错误的解决办法 1.问题: 在Windows SP2 + VS2005 + Oracle 9i +IIS5.1环境中运行ASP.NET网页的时候出现如下错误: System.Data.OracleClient 需要 Oracle 客户端软...

C#中使用SQLite

(1) 从下面的网址下载了 SQLite 版本(sqlite-netFx40-setup-bundle-x64-2010-1.0.83.0):http://system.data.sqlite.org/index.html/doc/trunk/www/downloads.wiki安 .cs 文件中使用了 using:using System.Data.SQ...

JQuery Easy Ui dataGrid 数据表格

http://www.cnblogs.com/cnjava/archive/2013/01/21/2869876.html 数据表格 - DataGrid 内容 概况 使用方法 数据表格属性 数据列属性 编辑 数据视图 事件 方法 继承$.fn.panel.defaults,使用$.fn.datagrid.defaults重载默认值。. 数据表格显...

SqlServer中使用Select语句给变量赋值的时候需要注意的一个问题

我们知道在SqlServer中可以用Select语句给变量赋值,比如如下语句就为int类型的变量@id赋值 1 declare @id int=-1; 2 3 select @id=id from 4 ( 5 select 1 as id 6 union all 7 select 2 as id 8 union all...