您现在的位置是:首页 > 技术交流技术交流
JQuery选择器通过click事件获取当前点击对象的id,name,value属性
2017-11-05【技术交流】1850 人已围观
简介 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>
关注宁波网站建设博客,更多精彩分享,敬请期待!
Tags:
很赞哦! ()
相关文章
随机图文
-
双击编辑异步更新[Jquery收藏]
现在有看到cms编辑后台部分信息时可以直接双击后修改,功能蛮华丽 以下jquery代码可以实现。 收藏 $(function(){ ... -
jquery配合css修改表格当前行颜色
在一个数据列表页面上显示多行数据后,如果背景颜色统一,会让浏览的人很难分清当前察看的某行,鼠标移上去变色是个不错的处理方法.代码如下$(&... -
二维码常见数据格式标准
随着智能设备的普及,二维码(2D barcode or QR code=Quick reference code)的使用越来越广泛,用智能... -
Jquery判断元素是否存在?
我们在传统的Js里,对某个页面元素进行某种操作前,最好先判断这个元素是否存在。原因是对一个不存在的元素进行操作是不允许的。有的时候,要根据页...