`

jquery-one()

 
阅读更多
one() 为被选元素附加一个或多个事件处理程序，并规定当事件发生时运行的函数。即每个元素只能运行一次事件处理器函数。

语法：$(selector).one(event,data,function) 

<script type="text/javascript">
$(document).ready(function(){
  $("p").one("click",function(){
    $(this).animate({fontSize:"+=6px"});
  });
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<p>请点击 p 元素增加其内容的文本大小。每个 p 元素只会触发一次改事件。</p>




  • 大小: 20.8 KB
  • 大小: 29.2 KB
分享到：
| jquery-map()遍历
评论
发表评论

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

相关推荐

    jQuery导航插件One-Page-Nav.zip

    电商网站的分类比较明确，比如1楼是手机通讯产品，2楼是家用电器，3楼是服装鞋包...如果你想在自己的页面上也实现这样的效果，那么可以试试 jQuery-One-Page-Nav 这款 jQuery插件。查看演示 标签：OnePageNav

    jquery-1.5.1

    3. **事件处理**：jQuery简化了事件绑定和解绑，如`click()`、`hover()`等，同时提供了一次性事件处理`one()`，以及`on()`和`off()`用于动态绑定和解除事件。 4. **动画效果**：`fadeIn()`, `fadeOut()`, `...

    jquery-3.2.1 API参考手册.chm

    5. **事件处理（Event Handling）**：jQuery的事件处理函数包括`on()`, `off()`, `trigger()`, 和 `one()`. `on()`用于绑定事件，`off()`用于解绑，`trigger()`触发事件，`one()`只执行一次的事件绑定。 6. **动画...

    jquery-3.0.0

    此外，`.trigger()`和`.one()`等方法提供了事件触发和一次性事件绑定的能力。 五、动画效果 jQuery的`.animate()`方法允许创建复杂的动画效果，包括改变CSS属性值。在jQuery 3.0.0中，动画性能得到优化，同时支持...

    前端项目-jquery-tiny-pubsub.zip

    4. **一次性订阅（One-time Subscription）**：有时我们只需要在事件触发一次后就自动取消订阅，这时可以使用`$.one('eventName', callback)`来实现。这个方法类似于`$.subscribe`，但在事件触发一次后，会自动移除...

    jquery-one-click-outside:当有人在外面点击时被呼叫

    #jQuery 在外面一键点击 jQuery.oneClickOutside 是一个轻量级的 jQuery 插件 (1kb)，可让您为元素外部的点击添加一次性回调。 之后，所有事件侦听器都会自动删除并销毁插件实例。 单击查看演示。 下载（缩小）或...

    jquery-mytooltip插件鼠标悬停文字提示代码.zip

    link rel="stylesheet" href="jquery.mytooltip.css?3.1.64"&gt;  &lt;link rel="stylesheet" href="demo/style.css?3.1.64"&gt;  [removed][removed]  [removed][removed]  [removed][removed] &lt;/head&...

    Migration jquery-support-msie 无法获取属性“msie”的值:

    无法获取属性“msie”的值，高版本的jquery已经不支持$.browser，所以在使用高版本的jquery.js时，会报msie没定义或者为Null的情况，这个插件正好解决了这个问题，query社区提供的对jquery1.9以下废弃的API进行另外...

    jquery单页网站导航插件One Page Nav

    2. **下载与引用插件**：从压缩包`jQuery-One-Page-Nav-master`中获取`jquery.onepage.nav.js`文件，将其放置在项目中合适的位置，并在HTML文件中引入。 3. **HTML结构**：创建一个导航菜单，使用`&lt;ul&gt;`和`&lt;li&gt;`...

    Jquery-1.6.3文件+API

    - **事件处理**：强化了事件绑定和触发机制，支持一次性的事件绑定(`one()`)，以及事件委托(`delegate()`)。 - **数据绑定**：通过`data()`函数，可以方便地在元素上存储和读取自定义数据。 - **动画效果**：包括...

    jQuery-1.9.1（英文版）帮助文档

    实用性很强 喜欢的朋友可以自由下载 同时欢迎更多朋友参与资源共享 All For One One For All "&gt;jQuery 1 9 1英文版帮助文档 包括3个部分内容：学习中心（Learning Center） JQuery API JQuery UI API 其中学习中心有...

    jquery-1.1.3 效率提高800%

    function (XMLHttpRequest, textStatus, errorThrown) { // typically only one of textStatus or errorThrown // will have info this; // the options for this ajax request }global(true) 数据...

    jQuery-1.6-api

    - `.one()` 方法用于只执行一次的事件绑定，对于一次性操作非常有用。 - `.triggerHandler()` 方法触发事件并返回事件处理函数的返回值，不同于`.trigger()`，它不会引发冒泡或触发默认行为。 8. **遍历和过滤** ...

    phpQuery-onefile

    php操作html dom可以像jquery那样方便的操作. eg: 提取html文件中id为left class为 box 的所有节点并输出. include('./phpQuery-onefile.php'); $html = phpQuery::newDocumentFileHTML('./file.html')-&gt;find('#left...

    jquery-ui.theme.css

    实现js动态加载的重要js核心... jsloader.js scnu_lts2012-11-15上传 one page one application利器, 实现js动态加载...

    jQuery-each用法全面总结

    ### jQuery-each用法全面总结 #### 一、概述 `jQuery.each` 是一个非常实用且灵活的方法，用于遍历JavaScript中的对象、数组以及其他可枚举的数据结构。它支持多种用法，包括带有附加参数的遍历以及不带附加参数的...

    jquery-1.6.rar

    1. 更完善的事件处理：添加了`.one()`方法，用于只触发一次的事件绑定，这在处理一次性动作时非常有用。 2. 错误处理：增加了错误处理机制，当使用了不正确的参数或方法时，jQuery会给出更具体的错误提示，帮助...

    jquery-easyui-1.3.4

    tree: When append or insert nodes, the 'data' parameter accepts one or more nodes data. tree: The 'getChecked' method accepts a single 'state' or an array of 'state'. tree: Add 'scrollTo' method. ...

    jQuery-点击滑动显示分享按钮代码.zip

    &lt;i id="sub_btn_one" class="fa fa-qq" aria-hidden="true" font-size: 22px;"&gt; &lt;i id="sub_btn_two" class="fa fa-facebook-official" aria-hidden="true" font-size: 22px;"&gt; ...

    jquery-transitionend:只是过渡过渡CSS动画事件的一个猴子补丁

    jQuery-CSS动画的transitionend Monkeypatch jQuery.fn.on函数，因此我们可以使用 $ ( '.my-element' ) . one ( 'transitionend' , function ( ) { console . log ( 'Finished animation' ) ; } ) ; 代替 $ ( '....

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