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

最新推荐文章于 2024-08-25 04:02:07 发布

rocling

最新推荐文章于 2024-08-25 04:02:07 发布

阅读量3.7w

点赞数 7

分类专栏： html javascript 文章标签： jquery

本文链接：https://blog.csdn.net/rocling/article/details/81990372

版权

javascript 同时被 2 个专栏收录

33 篇文章 2 订阅

订阅专栏

html

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>