http://jackyrong.iteye.com/blog/2070547
在jquery中,有两个值得注意但容易忽视的方法,分别是one()方法和trigger()方法,这是从国内作者<<jquery权威指南》一书中看到不错的介绍
1) one方法
one方法的功能是让所选定的元素绑定一个仅触发一次的处理函数,格式为
one(type,${data},fn)
例子为:
$(function() {
function btn_Click() {
this.value = "abc123"
}
$("input").one("click", btn_Click); //绑定自定义事件
})
这样的话,这个按钮只会在点第一次的时候有反应,再次点击就无反应了;
2)trigger()方法
有的时候,如果需要在页面DOM加载完毕后,比如让文本框中的内容全部选中,或者某个按钮处于焦点中,则可以用这个方法
$(function() {
var oTxt = $("input"); //获取文本框
oTxt.trigger("select"); //自动选中文本框
oTxt.bind("btn_Click", function() {//编写文本框自定义事件
var txt = $(this).val(); //获取自身内容
$("#divTip").html(txt); //显示在页面中
})
oTxt.trigger("btn_Click"); //自动触发自定义事件
})
分享到:
相关推荐
这两个CHM文件都是帮助文档格式,提供了详尽的jQuery 1.11.3 API参考,包括函数、方法、属性和事件等。它们允许开发者通过搜索和浏览来快速找到所需的信息,以解决编程过程中遇到的问题。 首先,jQuery的核心功能之...
其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用,以及各种常用的jQuery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括...
使用$.isPlainObject()函数检测对象是否为原始对象 使用$.contains()函数检测两个节点是否包含 使用$.param()进行数组元素序列化 使用函数$.extend()扩展工具函数 使用函数$.proxy()改变事件函数的作用域 使用...
共10章,两个综合案例(图片切割,在线聊天室),118个示例(JavaScript隔行变色,jQuery选择器隔行变色,JavaScript输出文字信息,jQuery输出文字信息,基本选择器选择元素,层次选择器选择元素,基本过滤选择器...
5. **focus(), blur()**: 这两个方法分别用于获取和失去焦点的事件。 6. **change()**: 当元素内容改变时触发,通常用于表单元素。 7. **keydown(), keypress(), keyup()**: 这三个方法分别对应键盘按键按下、按下...
- 在jQuery 1.6中,`attr()` 和 `prop()` 方法被明确区分。`attr()` 主要用于获取或设置HTML元素的属性(如id、class等)。 - `prop()` 用于处理DOM元素的特性(如checked、selected、disabled状态等),这些特性...
jQuery 是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画和Ajax交互...在实际开发中,jQuery的选择器和事件方法常常与DOM操作、数据处理、UI动态更新等功能相结合,形成丰富的用户交互体验。
### jQuery编程笔记知识点详解 #### 一、jQuery概述 ...以上是对jQuery编程笔记中提到的知识点的详细解读,覆盖了从基础知识到高级应用的各个方面,有助于深入理解和掌握jQuery的使用方法和技术细节。
您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中: $(document).ready(function(){ --- jQuery functions go here ---- }); 这是为了防止文档在完全加载(就绪)之前运行 jQuery...
- **其他事件方法**:除了 `bind()` 外,还有 `one()`, `trigger()`, `delegate()`, `on()`, `off()` 等方法。 - **示例**: ```javascript // 使用 on() 方法绑定 click 事件 $("#some-id").on("click", ...
通过理解和熟练使用这些选择器和方法,开发者可以高效地操作DOM、实现动态效果和交互功能,提升web应用的用户体验。学习和掌握jQuery,能极大地提高前端开发效率,尤其对于初学者来说,是迈进前端开发的重要一步。
这个压缩包包含了两种不同风格的jQuery 1.2 API帮助文档,都具有全面的功能,并且其中一种还支持中英文互换,方便不同语言背景的开发者使用。 1. **选择器(Selectors)** - jQuery的选择器基于CSS,允许开发者...
这两个方法都间接调用了`jQuery.event.trigger`。`trigger`在实际使用中提供了灵活性,可以模拟事件的触发过程。 ### 3. jQuery事件模块的API接口 jQuery的事件处理模块为开发者提供了一系列清晰的API接口。这些...
9. **event对象属性和方法**:在事件处理程序中,`event`对象提供了许多有用的信息,如`event.target`(触发事件的元素)、`event.preventDefault()`(阻止事件的默认行为)、`event.stopPropagation()`(阻止事件...
首先,让我们看两个实例: 1. **默认触发ID为"txt"的元素的点击事件**: ```javascript $(“#txt”).trigger(“click”); ``` 在这个例子中,`$("#txt")`是jQuery选择器,用于获取HTML文档中ID为"txt"的元素。`...
这两个方法允许开发者在指定的父元素上为多个子元素绑定事件。通过事件冒泡的原理,可以实现对子元素事件的委托处理。`.delegate()`方法绑定事件时,当事件冒泡到指定的父元素时,jQuery将会触发事件处理函数。`....
但由于这两个方法可能导致内存泄漏和性能问题,jQuery 1.7后被`.on()`方法取代。 **五、`.on()`方法的应用** `.on()`是jQuery中最通用的事件绑定方法,它可以实现DOM0级和DOM2级事件处理的功能,并且支持事件委托...
值得一提的是,JQuery还提供了one()方法,它与bind()类似,但区别在于它绑定的事件处理函数只会触发一次。 除了绑定事件,JQuery还提供了trigger()和triggerHandler()方法来触发元素的事件。trigger()方法能够触发...
4. toggle() 方法是一种切换功能,它用来在两个函数之间切换。首次点击元素时执行第一个函数,再次点击时执行第二个函数,如此往复。 5. bind() 方法用于将一个或多个事件和函数绑定到匹配的元素上。例如,可以将一...