首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >扩展DOM元素的功能

扩展DOM元素的功能
EN

Stack Overflow用户
提问于 2016-03-15 13:55:22
回答 1查看 45关注 0票数 0

如何选择DOM元素并将一系列操作链接到该元素,如下所示:

代码语言:javascript
运行
复制
_my('#maindiv').move(100, 250).fadeOut(1000)

我意识到jQuery和许多其他库可以做上述工作,但我感到有点迷茫……

实际的实现并不是必需的,只是选择和链接的基本框架。

EN

回答 1

Stack Overflow用户

发布于 2016-03-15 14:25:08

使用jQuery,您可以链接方法:

代码语言:javascript
运行
复制
$('#maindiv')
    .css({left: 100, top: 250})
    .fadeOut(1000)
    .addClass('.foo')
    .toggleClass('.inactive', $(this).is(':checked'))
;

检查这些方法以了解如何进行链接。

通常,您可以创建像function _(selector)这样的函数,它返回选定的element对象,其中包含它的所有新函数。

代码语言:javascript
运行
复制
function _(selector) {
    var obj = {
        el: document.getElementById(selector),
        css: function (attributes, values) {
            /* ... */

            return obj;
        },
        fadeOut: function (speed) {
            /* ... */

            return obj;
        }
    };

    return obj;
}
票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36003645

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档