jquery获取id

2025-09-29 06:55:56

1、新建一个html页面。如图:

jquery获取id

2、在html页面上创建一个点击按钮,然后给这个按钮添加一个id。

按钮代码:<input type="button" id="test" value="点击获取id">

如图:

jquery获取id

3、引入jquery.min.js文件,然后写<script type="text/javascript"></script>。

代码:

<script type="text/javascript" src="jquery-1.9.1.min.js"></script>

<script type="text/javascript"></script>

如图:

jquery获取id

4、使用$(this).attr("id")获取点击的id值。

代码:

$(function(){

$("input").click(function(){

var id = $(this).attr("id"); //获取点击的id

alert("点击的id是:"+id);

})

})

如图:

jquery获取id

5、保存html文件后使用浏览器打开,点击按钮即可看到效果。

如图:

jquery获取id

6、所有代码。把所有代码复制到新建的html保存后运行即可看到效果(注意:演示用的jquery.min.js是本地的文件,所以运行时需要注意检查jquery.min.js文件路径是否正确)

所有代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>jq获取id</title>

<script type="text/javascript" src="jquery-1.9.1.min.js"></script>

<script type="text/javascript">

$(function(){

$("input").click(function(){

var id = $(this).attr("id"); //获取点击的id

alert("点击的id是:"+id);

})

})

</script>

</head>

<body>

<input type="button" id="test" value="点击获取id">

</body>

</html>

如图:

jquery获取id

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢