我是一个菜鸟，我只是在努力，2021正视自己，面对2021！

Jquery学习—jquery的事件

阅读目录

1.Jquery事件1：one
2.Jquery事件2—triggr

1.Jquery事件1：one

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

　　　　one(type,[data],fn)

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

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

复制代码

.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>

复制代码

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:事件被触发时,执行的函数。

　　

　　　　

posted @ 2014-02-26 22:31 Kencery 阅读(679) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

【推荐】还在用 ECharts 开发大屏？试试这款永久免费的开源 BI 工具！
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步

编辑推荐：
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露

阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构

历史上的今天：
2013-02-26 MVC中如何使用Jquery的用法小结(高级编程)

友情链接：