jquery使用attr访问自定义属性,减少javascript脚本中代码和数据的耦合

本文通过示例代码展示了如何使用jQuery的attr方法访问HTML元素的自定义属性,以此来减少JavaScript脚本中代码与数据的耦合度。同时介绍了如何使用click方法为元素绑定点击事件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.youkuaiyun.com/jiangjunshow

也欢迎大家转载本篇文章。分享知识,造福人民,实现我们中华民族伟大复兴!

               

   jquery使用attr访问自定义属性,减少javascript脚本中代码和数据的耦合

[示例代码]

<html>
    <head>
        <script src="jquery-1.2.js"></script>
        <script>
        $(document).ready (
            function () {
                $("#link").click (
                    function () {
                        alert($(this).attr("var"));
                    }
                );
            }
        );
        </script>
    </head>
    <body>
        <a id="link" var="value" href="">
            使用attr访问自定义属性,减少javascript脚本中代码和数据的耦合
        </a>
    </body>
</html>

[jQuery官方网站]

http://jquery.com/

   [jQuery下载地址]

http://docs.jquery.com/Downloading_jQuery

   [jQuery当前版本]

http://docs.jquery.com/Release:jQuery_1.2

   [jQuery相关论坛]

http://groups.google.com/group/jquery-en

   [jQuery关键词]

jQuery

   [jQuery特效]

   jQuery淡入特效,http://docs.jquery.com/Effects/fadeIn

   [jQuery选择器]

表单元素选择器, http://docs.jquery.com/DOM/Traversing/Selectors#Form_Selectors

   [jQuery常用函数]

   ajax, http://docs.jquery.com/Ajax/jQuery.ajax
attr访问自定义属性,减少javascript脚本中代码和数据的耦合
click, 绑定元素的onclick事件,http://docs.jquery.com/Events/click 
filter, 用于在集合中过滤元素
hover, 用于设置元素响应mouseover和mouseleave

   [jQuery插件]

Easing,http://jquery.com/plugins/project/easing

   [jQuery重要工具]

http://www.json.org/, http://www.json.org/json.js           

给我老师的人工智能教程打call!http://blog.youkuaiyun.com/jiangjunshow
这里写图片描述
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值