jquery 怎么给div添加点击事件
发布网友
发布时间:2022-04-22 08:46
我来回答
共10个回答
懂视网
时间:2022-04-22 18:25
这篇文章主要讲了div点击事件的定位,有需要的小伙伴可以参考一下,希望可以帮助到你。
背景:多个div ,拥有共同点className,点击都触发相同的事件。
功能:触发点击事件的div的背景色变为红色,其他的div背景色为绿色。
实现思路:用$(this)关键字获取触发点击的div,先将所有的出当前div的背景色设置为绿色,再将当前的div背景色设置为红色。
关于$(this):与this的最大区别就在于其是jquery对象,与this相同的都是表示当前对象。
<!DOCTYPE html><html>
<head>
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
<meta charset="UTF-8">
<link rel="stylesheet" href="../css/airTicket.css">
<script src="../js/jquery.min.js" ></script>
<style>
.div1{
background-color:#4CD964;
height:20px;
margin-top:10px;
}
</style>
</head>
<body>
<div class="div1" id="a1">div_1</div>
<div class="div1" id="a2">div_2</div>
<div class="div1" id="a3">div_3</div>
<div class="div1" id="a4">div_4</div>
<div class="div1" id="a5">div_5</div>
<script>
$(function(){
$(".div1").click(function(){
var id = $(this)[0].id;
conlose.log(id);
$('div').css("background-color","green");
$(this).css("background-color","red");
})
}) </script>
</body>
</html>
热心网友
时间:2022-04-22 15:33
可以先给div标签设置id,然后给这个id绑定点击事件。
1、新建html文档,在body标签中添加一个div标签,为div标签设置一个id,这里以“demo”为例:
2、在head标签中引入jquery的js文件,这时可以使用cdn链接:
3、添加script标签,在script标签中绑定“demo”,然后使用click函数为div标签绑定点击事件:
热心网友
时间:2022-04-22 16:51
$("[id=one]").each(function(i,obj){
$(obj).click(function(){
alert($(this).text());
});
});
希望能帮到你~
热心网友
时间:2022-04-22 18:26
先把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>
热心网友
时间:2022-04-22 20:17
$("#xxx").click(function(){});
$("#xxx").bind("click",function(){})
$("#xxx").on("click",function(){})
$("body").delegate("#xxx","click",function(){})
热心网友
时间:2022-04-22 22:25
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();
}
})
热心网友
时间:2022-04-23 00:50
<script type="text/javascript">
$(function(){
$("div").each(function(){
$(this).click(function(){
alert($(this).text());
});
});
});
</script>
这是代码 自己引进jquery的库
热心网友
时间:2022-04-23 03:31
设input的id="a"
$("#a").click(){
function(xxx){}
}
热心网友
时间:2022-04-23 06:29
$('#one').each(function(i){
$(this).bind('click',function() {
alert($(this).html());
});
});
热心网友
时间:2022-04-23 09:44
bind("click",function(){}); 或on或click(function(){})
jquery 怎么给div添加点击事件
可以先给div标签设置id,然后给这个id绑定点击事件。1、新建html文档,在body标签中添加一个div标签,为div标签设置一个id,这里以“demo”为例:2、在head标签中引入jquery的js文件,这时可以使用cdn链接:3、添加script标签,在script标签中绑定“demo”,然后使用click函数为div标签绑定点击事件:...
Jquery为DIV添加点击事件,怎么弄
var divid= document.getElementById('divid'); divid.onclick = function(){ alert('ok'); }上面是js, 下面是 jquery:('#divid').click(function(){ alert('ok');})
怎么用JQuery动态添加div 比如 添加 点击一次添加按钮 增加一个div
JQuery中点击一次添加按钮,增加一个div的思路如下 给按钮注册一个点击的监听事件 在监听器中创建一个div元素附加在一个html元素后面 示例代码如下 <!DOCTYPE html><html><head><meta charset="utf-8"><style type="text/css">#father{ width:150px; height:150px; background-color:red;}#father...
怎么用JQuery动态添加div 比如 添加 点击一次添加按钮 增加一个div
利用jq的append()追加函数即可实现,如:html:<div class="main"> <input type="button" value="添加" class="btn" /></div>JQ:(document).ready(function(){ $(".btn").click(function(){ var html = '<div style="width:200px; height:30px; border:1px dashed red; mar...
怎么用JQuery动态添加div 比如 添加 点击一次添加按钮 增加一个div
<script type="text/javascript" src="jquery-1.8.0.min.js"></script> <script type="text/javascript"> (function (){ ('button').click (function (){ ('body').append('<div>11</div>');});})</script> </head> <body> <button>添加div</button> </body> </html> ...
jquery在div中添加元素(jquery添加)
1、HTML结构 style test{color:red!important;font-weight:bold;} /style div我是示例DIV/div inputtype="button"value="设置上一个div的id为test"陵拍 2、jquery代码 (function(){ ("input:button").click(function(){ (this).prev("div").attr("id","test");});});jquery怎么在元素...
jquery 动态添加div同时给div增加了一个id,然后想通过这个id把这个di...
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。2、在index.html中的<script>标签,输入jquery代码:var a = 125;$('body').append('<div id="id' + a +'">hello</div>');3、浏览器运行index.html页面,此时动态添加div成功。4、再输入js代码:$('#id' + a)...
jquery点击对应的按钮显示对应的div?
这是很容易的操作,也是jquery的基本操作,首先给div分配一个id,然后点击按钮的时候触发显示代码就可以啦,触发的代码是这样的:$(“#id”).show()
div的onclick事件触发问题
1、先新建一个html文件,命名为test.html。2、在test.html文件中,使用div标签创建一行文字,并设置div的class为mydiv,主要用于下面通过该class获得div对象。3、在js标签内,在页面加载完成时,使用bind()方法给div绑定click事件,当div被点击时,提示“已绑定点击事件”。4、在test.html文件中,使用...
jquery中让一个div的z-index=-1,然后我在div中写了一个单击事件,然后点 ...
停止冒泡吧 event.stopPropagation();或者在这个div上覆盖一个透明层,然后给这个层绑定事件,控制你隐藏的div 建议把问题代码贴上来一部分……