jquery 怎么给div添加点击事件

 我来答
百度网友4970322
2019-04-25 · TA获得超过1.5万个赞
知道答主
回答量:647
采纳率:50%
帮助的人:38.1万
展开全部

可以先给div标签设置id,然后给这个id绑定点击事件。

1、新建html文档,在body标签中添加一个div标签,为div标签设置一个id,这里以“demo”为例:

2、在head标签中引入jquery的js文件,这时可以使用cdn链接:

3、添加script标签,在script标签中绑定“demo”,然后使用click函数为div标签绑定点击事件:

坂砬睦
推荐于2018-05-15 · 远离喧嚣,别样幽兰!
坂砬睦
采纳数:135 获赞数:1658

向TA提问 私信TA
展开全部
先把jquery引用进来
<script type="text/javascript" src="jquery-1.9.0.min.js"></script>
<script type="text/javascript">
$(function(){
$(".div1").click(function(){//给div1添加点击事件
var text = $(this).text();//这样无论你点哪一个div都 可以获它里面的值
//你自己试试有不懂的再问我
});

})

<body>
<div class='div1">111</div>
<div class='div1">222</div>
<div class='div1">333</div>
<div class='div1">333</div>
</body>
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友8c1745617
2011-11-06 · TA获得超过980个赞
知道小有建树答主
回答量:935
采纳率:0%
帮助的人:764万
展开全部
<script type="text/javascript">
$(function(){
$("div").each(function(){
$(this).click(function(){
alert($(this).text());
});
});
});
</script>

这是代码 自己引进jquery的库
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友2f855f484
2011-11-06 · TA获得超过487个赞
知道小有建树答主
回答量:403
采纳率:0%
帮助的人:325万
展开全部
id不能重复的

<div id="one1">1</div>
<div id="one2">2</div>
<div id="one3">3</div>
<div id="one4">4</div>
<div id="one5">5</div>

<div id="mess1" style="display:none">message1</div>
<div id="mess2" style="display:none">message2</div>
<div id="mess3" style="display:none">message3</div>
<div id="mess4" style="display:none">message4</div>
<div id="mess5" style="display:none">message5</div>

$(document).ready(function(){
$('#one1').click(show());

var show = function(c){
$('#mess'+c).show();
}
})
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
阿嘎洒
2016-09-09 · TA获得超过136个赞
知道小有建树答主
回答量:127
采纳率:66%
帮助的人:40.7万
展开全部
$("#xxx").click(function(){});
$("#xxx").bind("click",function(){})
$("#xxx").on("click",function(){})
$("body").delegate("#xxx","click",function(){})
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(7)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式