`

jquery中两个值得注意的方法one()和trigger()方法

 
阅读更多
  在jquery中，有两个值得注意但容易忽视的方法，分别是one()方法和trigger()方法,这是从国内作者<<jquery权威指南》一书中看到不错的介绍


1） one方法
    one方法的功能是让所选定的元素绑定一个仅触发一次的处理函数，格式为
   one(type,${data},fn)
  例子为：
    

      $(function() {
            function btn_Click() { 
                this.value = "abc123"
            }
            $("input").one("click", btn_Click); //绑定自定义事件
        })
    </script>
</head>
<body>
    <input id="Button1" type="button" value="点击查看联系方式" class="btn" />

    这样的话，这个按钮只会在点第一次的时候有反应，再次点击就无反应了；


2）trigger()方法
     有的时候，如果需要在页面DOM加载完毕后，比如让文本框中的内容全部选中，或者某个按钮处于焦点中，则可以用这个方法
    

        <script type="text/javascript">
        $(function() {
            var oTxt = $("input"); //获取文本框
            oTxt.trigger("select"); //自动选中文本框
            oTxt.bind("btn_Click", function() {//编写文本框自定义事件
                var txt = $(this).val(); //获取自身内容
                $("#divTip").html(txt); //显示在页面中
            })
            oTxt.trigger("btn_Click"); //自动触发自定义事件
        })
    </script>
</head>
<body>
    姓名：<input id="Text1" type="text" class="txt"  value="test" />
          <div id="divTip" style="padding-top:5px"></div

  则运行的时候，先默认在文本框显示文字，然后触发文本框的自定义事件，在div中显示文字
    
2
顶
1
踩
分享到：
| 在Selenium WebDriver中执行javascript
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jqueryAPI_1.11.3

    这两个CHM文件都是帮助文档格式，提供了详尽的jQuery 1.11.3 API参考，包括函数、方法、属性和事件等。它们允许开发者通过搜索和浏览来快速找到所需的信息，以解决编程过程中遇到的问题。 首先，jQuery的核心功能之...

    jQuery权威指南-源代码

    其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用，以及各种常用的jQuery插件的使用方法和技巧，所有这些知识点都配有完整的示例（包括...

    JQuery权威指南源代码

    使用$.isPlainObject()函数检测对象是否为原始对象 使用$.contains()函数检测两个节点是否包含 使用$.param()进行数组元素序列化 使用函数$.extend()扩展工具函数 使用函数$.proxy()改变事件函数的作用域 使用...

    jQuery权威指南

    共10章，两个综合案例（图片切割，在线聊天室），118个示例（JavaScript隔行变色，jQuery选择器隔行变色，JavaScript输出文字信息，jQuery输出文字信息，基本选择器选择元素，层次选择器选择元素，基本过滤选择器...

    jQuery参考手册-事件总结

    5. **focus(), blur()**: 这两个方法分别用于获取和失去焦点的事件。 6. **change()**: 当元素内容改变时触发，通常用于表单元素。 7. **keydown(), keypress(), keyup()**: 这三个方法分别对应键盘按键按下、按下...

    jQuery-1.6-api

    - 在jQuery 1.6中，`attr()` 和 `prop()` 方法被明确区分。`attr()` 主要用于获取或设置HTML元素的属性（如id、class等）。 - `prop()` 用于处理DOM元素的特性（如checked、selected、disabled状态等），这些特性...

    jQuery的所有方法[定义].pdf

    jQuery 是一个广泛使用的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画和Ajax交互...在实际开发中，jQuery的选择器和事件方法常常与DOM操作、数据处理、UI动态更新等功能相结合，形成丰富的用户交互体验。

    jQuery编程笔记

    ### jQuery编程笔记知识点详解 #### 一、jQuery概述 ...以上是对jQuery编程笔记中提到的知识点的详细解读，覆盖了从基础知识到高级应用的各个方面，有助于深入理解和掌握jQuery的使用方法和技术细节。

    jQuery详细教程

    您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中： $(document).ready(function(){ --- jQuery functions go here ---- }); 这是为了防止文档在完全加载（就绪）之前运行 jQuery...

    js和jquery常用总结

    - **其他事件方法**：除了 `bind()` 外，还有 `one()`, `trigger()`, `delegate()`, `on()`, `off()` 等方法。 - **示例**： ```javascript // 使用 on() 方法绑定 click 事件 $("#some-id").on("click", ...

    jQuery对象属性.docx

    通过理解和熟练使用这些选择器和方法，开发者可以高效地操作DOM、实现动态效果和交互功能，提升web应用的用户体验。学习和掌握jQuery，能极大地提高前端开发效率，尤其对于初学者来说，是迈进前端开发的重要一步。

    jQuery 1.2 API

    这个压缩包包含了两种不同风格的jQuery 1.2 API帮助文档，都具有全面的功能，并且其中一种还支持中英文互换，方便不同语言背景的开发者使用。 1. **选择器（Selectors）** - jQuery的选择器基于CSS，允许开发者...

    读jQuery之十 事件模块概述

    这两个方法都间接调用了`jQuery.event.trigger`。`trigger`在实际使用中提供了灵活性，可以模拟事件的触发过程。 ### 3. jQuery事件模块的API接口 jQuery的事件处理模块为开发者提供了一系列清晰的API接口。这些...

    jQuery 事件 方法

    9. **event对象属性和方法**：在事件处理程序中，`event`对象提供了许多有用的信息，如`event.target`（触发事件的元素）、`event.preventDefault()`（阻止事件的默认行为）、`event.stopPropagation()`（阻止事件...

    jQuery第一次运行页面默认触发点击事件的实例

    首先，让我们看两个实例： 1. **默认触发ID为"txt"的元素的点击事件**： ```javascript $(“#txt”).trigger(“click”); ``` 在这个例子中，`$("#txt")`是jQuery选择器，用于获取HTML文档中ID为"txt"的元素。`...

    jQuery 1.9.1源码分析系列（十）事件系统之绑定事件

    这两个方法允许开发者在指定的父元素上为多个子元素绑定事件。通过事件冒泡的原理，可以实现对子元素事件的委托处理。`.delegate()`方法绑定事件时，当事件冒泡到指定的父元素时，jQuery将会触发事件处理函数。`....

    JQ 合成事件

    但由于这两个方法可能导致内存泄漏和性能问题，jQuery 1.7后被`.on()`方法取代。 **五、`.on()`方法的应用** `.on()`是jQuery中最通用的事件绑定方法，它可以实现DOM0级和DOM2级事件处理的功能，并且支持事件委托...

    初窥JQuery(二)事件机制(2)

    值得一提的是，JQuery还提供了one()方法，它与bind()类似，但区别在于它绑定的事件处理函数只会触发一次。 除了绑定事件，JQuery还提供了trigger()和triggerHandler()方法来触发元素的事件。trigger()方法能够触发...

    jQuery 使用手册(六)

    4. toggle() 方法是一种切换功能，它用来在两个函数之间切换。首次点击元素时执行第一个函数，再次点击时执行第二个函数，如此往复。 5. bind() 方法用于将一个或多个事件和函数绑定到匹配的元素上。例如，可以将一...

Magicbox
Global site tag (gtag.js) - Google Analytics