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(){})
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
