上一节:
下一节:

  jQuery one() 方法

  • 定义和用法

    one() 方法为被选元素添加一个或多个事件处理程序，并规定当事件发生时运行的函数。
    当使用 one() 方法时，每个元素只能运行一次事件处理程序函数。

  • 语法

    $(selector).one(event,data,function)

  • 参数

    参数 描述
    event
    必需。规定要从被选元素移除的一个或多个事件或命名空间。
    由空格分隔多个事件值。必须是有效的事件。
    data 可选。规定传递到函数的额外数据。
    function 可选。规定当事件发生时运行的函数。

  • 示例

    下例演示了当点击<p>元素时，增加该元素的文本大小（每个<p>元素只能触发一次事件）： 
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>欢迎来到菜鸟教程</title>
    //此版本是百度cdn 1.11.1，当然你可以使用更高的版本，从2.0版本以上的是不支持ie6-8的
    <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            $("p").one("click",function(){
                $(this).animate({fontSize:"+=5px"});
            });
        });
    </script>
</head>
<body>
    <p>这是一个段落</p>
    <p>这是另外一个段落</p>
    <p>点击任意一个段落来修改段落的字体大小，每个段落只会执行一次。</p>
</body>
</html>
    尝试一下

  • 相关页面

返回 jQuery 事件参考
上一节:
下一节: