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.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>
發佈了39 篇原創文章 · 獲贊 41 · 訪問量 24萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章