jquery 怎么给div添加点击事件
9个回答
展开全部
可以先给div标签设置id，然后给这个id绑定点击事件。
1、新建html文档，在body标签中添加一个div标签，为div标签设置一个id，这里以“demo”为例：
2、在head标签中引入jquery的js文件，这时可以使用cdn链接：
3、添加script标签，在script标签中绑定“demo”，然后使用click函数为div标签绑定点击事件：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
先把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>
<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>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script type="text/javascript">
$(function(){
$("div").each(function(){
$(this).click(function(){
alert($(this).text());
});
});
});
</script>
这是代码 自己引进jquery的库
$(function(){
$("div").each(function(){
$(this).click(function(){
alert($(this).text());
});
});
});
</script>
这是代码 自己引进jquery的库
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
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();
}
})
<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();
}
})
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$("#xxx").click(function(){});
$("#xxx").bind("click",function(){})
$("#xxx").on("click",function(){})
$("body").delegate("#xxx","click",function(){})
$("#xxx").bind("click",function(){})
$("#xxx").on("click",function(){})
$("body").delegate("#xxx","click",function(){})
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（7）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
