主要的方法如下:
复制代码 代码如下:
.data( key, value )
.data( obj )
.data( key )
.data()
从jQuery 1.4.3起, HTML 5 data- 属性 将自动被引用到jQuery的数据对象中。
例如HTML:
复制代码 代码如下:<div data-role = "page" data-last-value = "43" data-hidden = "true" data-options = '{"name":"John"}' > </div>
下面的 jQuery代码都是返回 true 的:
复制代码 代码如下:
$ ( "div" ) . data ( "role" ) === "page" ;
$ ( "div" ) . data ( "lastValue" ) === 43 ;
$ ( "div" ) . data ( "hidden" ) === true ;
$ ( "div" ) . data ( "options" ) . name === "John" ;
和html5的api不同的是,jQuery会尝试将字符串转换为一个JavaScript值(包括布尔值(booleans),数字(numbers),对象(objects),数组(arrays)和空(null))。如果这样做不会改变数值的表示,那么该值将转换为一个数字(number)。例如,“1E02”和“100.000”是等同于数字(数字值100),但将转换它们会改变他们的表示,所以他们被保留为字符串。字符串值“100”被转换为数字100。
如果数据(data)属性是一个对象(以“{”开始)或数组(以'[‘开始),可以用jQuery.parseJSON 将其解析成字符串;它必须遵循 有效的JSON的语法 ,包括带双引号的属性名称。如果该值不能解析为一个JavaScript值,它将被保留为字符串。
如果想将取出的属性值直接当作字符串的话,请使用 attr() 方法。
data-属性是在第一次使用这个数据属性后不再存取或改变(所有的数据值都在jQuery内部存储)。
调用 .data() 时如果不带参数,将会以 JavaScript 对象的形式获取所有数据。这个对象可以安全的存放在变量中,因为一旦这个新对象被提取出来,之后对元素进行的 .data(obj) 操作,将不会再影响这个对象。另外,直接操作这个对象会比每次调用 .data() 来设置或获取值要快一些。
相关推荐:
SEO快速优化文章排名:提升网站流量的必备技巧,ai小苹果会员分享
GPT版本全解:从基础到高级,如何选择最适合你的方案?,韩国ai人工智能
WPJVX:开启数字化未来的智慧平台,关键词排名技术咨询乐云seo
SEO量:提升网站流量和排名的关键法则,德兴seo
SEO查看-如何通过精确分析提升网站流量与排名,东丽网站建设价格
SEO要点:提升网站排名的核心技巧与策略,福田市网站建设推广费用
SEO优化知识全解析:提升网站排名的秘密武器,ai出错合集
优化投入,让企业更具竞争力,怎样推广营销方案
SEO元素-提升网站排名的核心要素,推广分成网站有哪些
SEO应该如何提升网站流量与排名?揭秘成功的SEO策略,肺炎疫苗推广营销
ChatGPT显示无法加载网站是怎么回事?解决方法!,glow将军ai
AI免费生成文字,打造创作新时代
ChatGPT使用问题?如果您正在使用VPN,请尝试将其关闭,ai制作渐变立体
ChatGPT全球宕机:人工智能的崩塌与未来的挑战,中国ai和美国ai教父
ChatGPT付款银行卡被拒绝?解决方案全解析!,小发猫ai智能写作查重能过吗
seo站内链接有什么作用,seo中网站内链的作用 ,781900ai
AI智能工具的无限可能:未来已来,你准备好了吗?
seo网站通过什么软件,网站seo软件哪个 ,战团ai
seo需要什么人才,seo需要做什么工作 ,探索ai照片
ChatGPT网络故障报告从协调世界时(UTC)晚上1107左右开始激增,15分钟内引发广泛关注,ai无视进化
pbootcms自动翻译插件,让你的网站轻松实现多语言覆盖,ai 镀金
今时CMS:引领数字化转型的智慧之选,河南seo优化网站联系方式
如何识别文章是否由AI撰写?揭开智能写作的秘密
AI一键生成原创文章,让创作更高效更轻松!
ChatGPT崩了?用户称打开是一片空白,背后隐藏了什么?,ai 新技巧
SEO有话:如何用精准优化助力企业在线增长,食品微信营销推广
seo链接有什么用,seo外链是什么意思 ,one ai写作
ChatGPT当前不可用?如何应对AI服务中断的挑战,ai文章免费写作app
seo重点工作是什么,seo重点工作是什么意思 ,棋谱检查ai
SEO武汉:如何提升武汉地区网站的搜索引擎排名,景区网站建设费用
SEO桔子:提升网站排名的必备法宝,seo外包销售
AI网页生成:轻松构建智能网站,提升品牌竞争力,杭州专业ai智能教育
seo需要学会什么编程,seo要会些什么 ,剪映怎样加ai
ChatGPT为什么访问不了?全面解析及解决方案,ai首页设计
AI撰写工具的无限可能,让内容创作更高效、更精彩!
seo,seoul city ,ai精洗
seo类文章是什么,seo技术文章 ,ai3.5-ai聊天
SEO技巧提升网站流量和排名,助力企业快速崛起,ai080206.
ChatGPT页面无法访问?解决方案,让你轻松摆脱困扰!,ai染发颜色
AI免费写文章:让创作变得轻松高效
OpenAIGPTChatSoraOpenAIChatGPT服务在中断数小时后已恢复,ai视图线稿
ChatGPT打开后空白:如何解决这个困扰并高效使用AI助手,ai四声怎么写
怎么用AI生成文章?全新写作方式的揭秘与应用指南
文章AI排版,让创作更高效的秘密武器
OpenAI无法验证支付方式?解决方案与常见问题解析,你好月光ai
SEO难吗?揭秘SEO背后的真相,让你轻松上手!,大旺百度网站推广
ChatGPT翻译打不开?解决方法!,ai爱股票
ChatGPT无法加载?检查网络并尝试重启,助您快速恢复畅通体验,burj ai
ChatGPT免费用户每天的使用限制:如何高效利用,突破困境!,花花制作ai
ChatGPT页面空白不乏登录:让你秒变职场高手与生活智囊,百度ai 腾讯ai