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

最新推荐文章于 2022-08-12 11:55:20 发布

飞起来的小猪

最新推荐文章于 2022-08-12 11:55:20 发布

阅读量7.8w

点赞数 3

分类专栏： jQuery 文章标签： jquery

本文链接：https://blog.csdn.net/qq_34873338/article/details/71189938

版权

jQuery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

下面是案例，使用ID选择器，Class选择器，Element选择器，获取了ID，Name，Value属性的值。

<!DOCTYPE html>
<html lang="en">
<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" class="test" href="#">User</a>
    <a id="admin" class="test" href="#">admin</a>
    <a id="student" name="Tom" href="#">Student</a>
    <input id="btn" type="button" name="ok" value="Hello" />
</body>
</html>

飞起来的小猪

关注

3
点赞
踩
18

收藏

觉得还不错? 一键收藏
1
评论
JQuery选择器通过click事件获取当前点击对象的id,name,value属性

下面是案例，使用ID选择器，Class选择器，Element选择器，获取了ID，Name，Value属性的值。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="EasyUI-1.5.1-InsdepTheme-1.0.3/jquery
复制链接

扫一扫