jQuery事件

Posted here

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery事件相关的知识,希望对你有一定的参考价值。

--01.事件冒泡

  当触发DOM树里元素上的事件时,浏览器的事件处理机制会检查在那个元素上是否已经建立特定的事件处理程序。如果是,就调用处理程序。但到这儿事情还远远没有结束呢。

  在目标元素获得机会处理事件之后,事件模型检查目标元素的父元素,看是否为同类型事件建立了处理程序。如果是,则也调用父元素的处理程序。在这之后,再检查其父元素,然后父元素,然后父元素···  持续不停知道DOM树的顶部。因为事件处理向上传播就像香槟酒杯里毛渠的气泡(假定DOM树的根在顶部),所以把这个过程称为事件冒泡。

<script src="../js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
        $(function() {
            $("*").each(function() {
                var current = this;
                this.onlick= function(event) {  //-->应用onclick处理程序到每个已选择元素
                    var target = (event.target) ? event.target : event.srcElement;
                    say(‘For‘+current.tagName+‘#‘+current.id+‘target is‘+target.id);
                }
            });
        });

        function say() {
            $("#console").append(‘<div>‘+text+‘</div>‘);
        }
    </script>
 <body>
        <div id="grandpa">
            <div id="pops">
                <img src="http://localhost:2459/images/col.gif" />
            </div>
        </div>
        <div id="console">
                    
        </div>
</body>

  

以上是关于jQuery事件的主要内容,如果未能解决你的问题,请参考以下文章

原生js如何绑定a连接点击事件?

jQuery应用 代码片段

Visual Studio 2012-2019的130多个jQuery代码片段。

markdown 在WordPress中使用jQuery代码片段

使用 NodeJS 和 JSDOM/jQuery 从代码片段构建 PHP 页面

很实用的JQuery代码片段(转)