如何对div的点击事件进行定位

这篇文章主要讲了div点击事件的定位，有需要的小伙伴可以参考一下，希望可以帮助到你。

背景：多个div ，拥有共同点className,点击都触发相同的事件。 
功能：触发点击事件的div的背景色变为红色，其他的div背景色为绿色。 
实现思路：用$(this)关键字获取触发点击的div，先将所有的出当前div的背景色设置为绿色，再将当前的div背景色设置为红色。 
关于$(this)：与this的最大区别就在于其是jquery对象，与this相同的都是表示当前对象。

nbsp;html>                                                  .div1{                           background-color:#4CD964;                            height:20px;                             margin-top:10px;                         }                    
div_1
       
div_2
       
div_3
       
div_4
       
div_5
                  $(function(){               $(".div1").click(function(){                   var id = $(this)[0].id;                   conlose.log(id);                   $('div').css("background-color","green");                   $(this).css("background-color","red");               })           })           

登录后复制

以上就是如何对div的点击事件进行定位的详细内容，更多请关注【创想鸟】其它相关文章！