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

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

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

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

<!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>

输出

登录 评论
  订阅  
提醒