JQuery选择器通过click事件获取当前点击对象的id,name,value属性

字号+ 作者:alpha 来源:www.seoalphas.com 2018-06-14 10:36 浏览次数(167)

使用ID选择器,Class选择器,Element选择器,获取了ID,Name,Value属性的值。

使用ID选择器,Class选择器,Element选择器,获取了ID,Name,Value属性的值。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="EasyUI-1.5.1-InsdepTheme-1.0.3/jquery.min.js"></script>
    <script>
        $(function () {
            $(".test").click(function () {
                var val=$(this).attr("id");
                alert(val);
            })
            $("#student").click(function () {
                var val=$(this).attr("name");
                alert(val);
            })
            $("input").click(function () {
                var val=$(this).val();
                alert(val)
            })
        })
    </script>
</head>
<body>
    <a id="user" href="#">User</a>
    <a id="admin" href="#">admin</a>
    <a id="student" name="Tom" href="#">Student</a>
    <input id="btn" type="button" name="ok" value="Hello" />
</body>
</html>


标签
jquery获取元素属性值

本站部分技术文章为参考网上实用内容发布,目的是记录踩坑经验,若未备注来源而侵犯了您原创文章权益,请联系博主删除;对文章有不同看法的朋友欢迎在评论区留言互动

相关文章
  • fullCalendar改造计划之带农历节气节假日的万年历

    fullCalendar改造计划之带农历节气节假日的万年历

    浏览次数:1841

  • jquery给input赋值val(val)

    jquery给input赋值val(val)

    浏览次数:1735

  • jQuery实现拖动布局并将排序结果保存到数据库

    jQuery实现拖动布局并将排序结果保存到数据库

    浏览次数:847

  • 用jQuery向div中添加Html文本内容

    用jQuery向div中添加Html文本内容

    浏览次数:756

  • jQuery中ajax的4种常用请求方式

    jQuery中ajax的4种常用请求方式

    浏览次数:728

  • FullCalendar日历插件说明文档

    FullCalendar日历插件说明文档

    浏览次数:647

  • FullCalendar应用——读取JSON数据

    FullCalendar应用——读取JSON数据

    浏览次数:532

  • FullCalendar日程安排

    FullCalendar日程安排

    浏览次数:383

网友点评
功能开发中......其实是博主懒了而已......
0.734375s