如何在jQuery中获取自定义的属性的值

37 篇文章 0 订阅
36 篇文章 0 订阅

如果浏览不顺畅请到原文章出处:https://www.sky8g.com/technology/1129/

请注意可能会提示风险,这是csdn官网如果不是他们的网址,其他的网址都会提示有风险,这是CSDN网站设置的问题,本网站全部文章为免费技术分享,请放心访问,无需担心。

原文章出处:https://www.sky8g.com/technology/1129/

此篇文章是由SKY8G网作者原创,禁止抄袭。

在做前段website开发时时候,我们 一般都比较喜欢使用js框架来开发项目,这样开发的效率是很高的。但对于我来说我最喜欢的js库就是jQuery库了,jQuery有着其他的库所没有的

Dom操作,它最强大的就是Dom操作元素,使得你在选择节点时更方便,好了让我们看看jQuery怎么使用它来获取自定义的属性值的。

首先我们要创建一个文件为sky8g.html文件,代码如下:

 

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>怎么使用jQuery获取自定义属性值</title>

    <script src="jquery.js"></script>

    <script>

        $(function(){

         //获取div 的id为data的对象

            var j = $('#data');

            //取出对象的值使用jQuery的方法data()方法,注意要使用data-后面的属性

            alert(j.data('sky8g'));

        });

    </script>

</head>

<body>

    <div id="data" data-sky8g="这是sky8g网站">欢迎来到sky8g网站,这里为你提供最好的IT技术支持!</div>

</body>

</html>

输出

如果有不懂的地方请留言,SKY8G网站编辑者专注于研究IT源代码研究与开发。希望你下次光临,你的认可和留言是对我们最大的支持,谢谢!

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值