您现在的位置是：首页 > 技术交流技术交流

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

2017-11-05【技术交流】2093 人已围观

简介 Jquery是一个强大的js框架,方便了工作室小编.今天摘录JQuery选择器通过click事件获取当前点击对象的id,name,v...

Jquery是一个强大的js框架,方便了工作室小编.今天摘录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>