四种绑定事件

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"    "http://www.w3.org/TR/html4/loose.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    <title>New Web Project</title>    <style type="text/css">        li{            float:left;            margin-left:50px;            list-style:none;        }    </style>    <script src="js/jQuery1.11.1.js"></script>    <script src="js/jquery-migrate-1.2.0.js"></script>

<script type="text/javascript">        $(function () {            //dom 2 级注册 bind()

//live            $("li").live({                mouseover:function(){                    $(this).css("background","pink");                },                mouseout:function(){                    $(this).css("background","");                }            });

$("li").die("mouseout");

//on　　　　　　　　推荐使用            /*     $("li").on({　　　　　　　　　　//选择元素             mouseover:function(){　　　　　　　　　//将li和mouseover事件绑定             $(this).css("background","pink");             },             mouseout:function(){　　　　　　　　　　//复合绑定mouseout             $(this).css("background","");             }             });

$("li").off("mouseout");　　　　　　//off()用来解除mouseout事件绑定             */

//delegate            /*     $("ul").delegate("li",{             mouseover:function(){             $(this).css("background","pink");             },             mouseout:function(){             $(this).css("background","");             }             });

$("ul").undelegate("mouseout"); */

/*     $("li").bind({             mouseover:function(){             $(this).css("background","pink");             },             mouseout:function(){             $(this).css("background","");             }             });

//卸载事件               $("li").unbind("mouseout mouseover"); */        });

</script></head><body><ul>    <li>首页</li>    <li>公司信息</li>    <li>人才计划</li></ul></body></html>

时间： 2024-11-02 05:49:22

四种绑定事件的相关文章

Android studio button 按钮四种绑定事件的方法

package com.geli_2.sujie.sujiegeili2testbutton; import android.os.Bundle; import android.support.v7.app.AppCompatActivity; import android.view.View; import android.widget.Button; import android.widget.Toast; public class MainActivity extends AppCompa

Android中四种OnClick事件的写法

package com.example.dailphone; import android.support.v7.app.ActionBarActivity; import android.support.v7.app.ActionBar; import android.support.v4.app.Fragment; import android.text.TextUtils; import android.content.Intent; import android.net.Uri; imp

ZigBee的四种绑定方法简介

绑定是Zigbee中非常重要的一个概念,想必大家都看了很多文章,其中以“Zigbee四种绑定方式在TI_Z-Stack协议栈中的应用”最为典型,此文我也读过几遍,收货颇丰.此外飞比(Feibit)论坛上也有帖子讲解了EndDeviceBinding蛋疼的传来传去机理,分析的也相当透彻.我这里不在想解释具体的各种绑定方式的代码实现和机制,而是简单说明一下各种绑定机制的特点,希望大家能够从应用层面上概念性地理解和认识绑定,然后针对各种机制的应用场景加以举例.一.绑定方式再解释Zigbee绑定的四种方

call apply bind 的区别，this的四种绑定方式

1. apply()中有两个参数,不一定是必填项,当第一个参数什么都不填或则是null/undefined,默认为window 第二个参数必须是数组,数组中的元素和函数的参数对应 Call怎么使用用途,用于修改函数中的this指向也是函数ming.call(),执行的元素先替换函数中的this,然后再执行这个函数 Call中参数的分析1. call函数的第一个参数是什么,函数中this就换成什么,当不填或null/undefined,里面的this就是window2. 从第二参数开始,跟函数

Android 四种绑定监听事件的方式

1. 直接通过id查找后,绑定匿名内部类作为事件监听类.代码如下: Button loginButton = (Button) findViewById(R.id.tologin1); btn1.setOnclickListener(new OnclickListener(){ public void onClick(View v){ // 要执行的操作 } }); 这种方法有好也有不好,好的是比较直观方便,不好的是,如果按钮多了,代码看起来比较乱. 2. 实现点击事件的接口,然后一个个按钮地去

jQuery中四个绑定事件的区别 on,bind,live,delegate

1.jQ操作DOM元素的绑定事件的四种方式 jQ中提供了四种事件监听方式,bind.live.delegate.on,对应的解除监听的函数分别是unbind,die,undelegate,off 2.bind $(selector).bind(event,data,function) event:事件,必选,一个或多个事件:data:参数,可选: fn:绑定事件发生时执行的函数,必选 bind()是最直接的,存在最久的绑定方法优点:兼容性好,任何浏览器

ASP.NET Eval四种绑定方式及详解

1.1.x中的数据绑定语法 <asp:Literal id="litEval2" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "userName")%>' /> 2. 2.x简化Eval数据绑定语法 <asp:Literal id="litEval1" runat="server" Text='<

ASP.NET Eval四种绑定方式

函数中的this的四种绑定形式

目录 this的默认绑定 this的隐式绑定隐式绑定下,作为对象属性的函数,对于对象来说是独立的在一串对象属性链中,this绑定的是最内层的对象 this的显式绑定:(call和bind方法) new绑定正文 javascript中的this和函数息息相关,所以今天,我就给大家详细地讲述一番:javascript函数中的this 一谈到this,很多让人晕晕乎乎的抽象概念就跑出来了,这里我就只说最核心的一点--函数中的this总指向调用它的对象,接下来的故事都将围绕这一点展开 (提醒前