jquery中如何判断鼠标是否点击div 急求大神详细代码示例解答

因为点击后要更换新样式,但是不知道如何写那段判断鼠标是否点击了的代码一个小框最开始默认为a样式,点击后变成b样式,但是b样式与a样式相比不但改了底色还增加了图片。... 因为点击后要更换新样式,但是不知道如何写那段判断鼠标是否点击了的代码
一个小框最开始默认为a样式,点击后变成b样式,但是b样式与a样式相比不但改了底色还增加了图片。
展开
 我来答
泷曼彤2t
推荐于2017-10-24 · 超过15用户采纳过TA的回答
知道答主
回答量:38
采纳率:0%
帮助的人:29万
展开全部
可以给页面设置一个隐藏域,初始值是0。当div被点击后
$("#divId").click(function(){//给div绑定onclick事件
$("#hidden_Id").val(parseInt($("#hidden_Id").val(),10)+1);//页面标志位。给隐藏域值+1。
$("#divId").css()//你要设置的样式。
});
若需要在刷新数据继续保存数据,则在
$(function(){去判断隐藏域的值不等于0.则改变样式。若希望关闭页面也保存该状态,那么可以尝试用cookie
});
追问
如何用监听事件写?原先的这个小框是用a样式的,点击后改为b样式,b样式不仅改变了背景还增添了图片 求具体解答
追答
$("div").click(function(){//这个事件触发者也不一定非得是要改变的那个层的样式。
$(this).css()//这里是设置样式。
如果给div添加图片,用$("div").append("");具体操作看你的业务。
});
奔流的宵析
2017-10-24 · TA获得超过375个赞
知道小有建树答主
回答量:207
采纳率:0%
帮助的人:126万
展开全部
<style>
.a{
width:100px;
height:100px;
float:left;
padding-left:10px;
}
.b{
width:100px;
height:100px;
float:left;
padding-left:10px;
background-image:url(bg.jpg);
}
</style>
<body>
<div id="div_1" class="a">
<img src="img2.jpg"></img>
</div>
<div id="div_2" class="a">
<img src="img2.jpg"></img>
</div>
</body> 
<script type="text/javascript">  
//鼠标点击事件
$(document).mousedown(function(e){
    //当前点击的div
    if($(e.target).is("#div_1 *")){
$("#div_1").prop("class","b");
    }  
})
</script>

希望能帮到你~

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2014-05-16
展开全部
$("#div的id").click(function(){
你的修改样式逻辑
});
这样写,在div上绑定click事件,当且仅当你点了这个div才会触发里面的逻辑
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
静静然507
2014-05-16 · TA获得超过203个赞
知道小有建树答主
回答量:210
采纳率:0%
帮助的人:202万
展开全部
jQuery("此处写div的id").live("click",function(e){
此处写更换样式代码;
});

如:
jQuery("#aa").live("click",function(e){
......;
});
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式