juqery获取点击id;jq获取点击id

2025-11-05 22:16:48

1、新建一个html文件。如图:

juqery获取点击id;jq获取点击id

2、为了更好区分,会创建两个按钮标签,然后给这两个按钮标签添加不同的id。如图:

代码:

<input type="button" value="点击获取id1" id="getId1" />

<input type="button" value="点击获取id2" id="getId2" />

juqery获取点击id;jq获取点击id

3、引入jquery文件(注:jquery的引入路径一定要正确)。如图:

juqery获取点击id;jq获取点击id

4、创建加载完成函数,然后创建一个点击按钮获取当前id的函数。如图:

代码:

<script >

$(function(){

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

//获取点击id

var id = $(this).attr("id");

alert("当前点击id:"+id);

})

})

</script>

juqery获取点击id;jq获取点击id

juqery获取点击id;jq获取点击id

5、保存好html文件后使用浏览器打开,然后点击按钮即可看到点击的id。如图:

juqery获取点击id;jq获取点击id

6、页面所有代码,如有不懂可把所有代码复制到新建的html文件上,然后修改引入的jquery文件即可。如图:

所有代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>jq获取点击的id</title>

<script src="js/jquery.min.js" ></script>

<script >

$(function(){

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

//获取点击id

var id = $(this).attr("id");

alert("当前点击id:"+id);

})

})

</script>

</head>

<body>

<input type="button" value="点击获取id1" id="getId1" />

<input type="button" value="点击获取id2" id="getId2" />

</body>

</html>

juqery获取点击id;jq获取点击id

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