Jquery学习—jquery的事件

1.Jquery事件1:one

  1)one() 方法是为所选的元素绑定一个仅出发一次的处理函数,调用格式

    one(type,[data],fn)

  2)其中参数type是事件类型,即需要触发什么类型的事件,参数data为可选参数,表示作为event.data属性值传递给事件对象的额外数据对象,fn表示为绑定事件所要触发的函数。

  3)举例说明:设置按钮,初始化值是"点击查看联系方式",将单击时将联系方式显示在按钮上,再次点击没有反应,代码如下:

Jquery学习—jquery的事件
.btn {
    border: #666 1px solid;
    padding: 2px;
    width: 200px;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#ece9d8);
}
<script type="text/javascript">
    $(function() {
        function btn_Click() {
            this.value = "kencery:18643071392";
        }
        $("input").one("click", btn_Click);
    });
</script>
<body>
    <input type="button" id="Button4" value="点击查看联系方式" class="btn" />
</body>
Jquery学习—jquery的事件

2.Jquery事件2—triggr

  1)在前端页面开发中,有时候希望页面在Dom加载完毕后,自动执行一些很人性化的操作,文本框的内容处于全部被选中状态,某个按钮处于某个焦点中

  2) trigger() 方法的功能是在所选择的元素上触发指定类型的事件,调用格式:

    trigger(type,[data]);

  3)其中参数type为触发事件的类型,参数data为可选项,表示在触发事件时,传递给函数的附加参数。

3.Jquery事件3-on

  1)调用格式:.on(events[,selector][,data],handler(eventObject))

    注释:events:事件名,selector:一个选择器字符串,用于过滤出被选中的元素中能触发事件的后代元素,data:当一个事件被触发时,要传递给事件处理函数的,handler:事件被触发时,执行的函数。

  

 

    

Jquery学习—jquery的事件,布布扣,bubuko.com

Jquery学习—jquery的事件

上一篇:基于Hyperledger fabric区块链技术的毕业设计实战记录


下一篇:JavaScript简易缩放程序