返回介绍

saber-dom v0.2.0

发布于 2023-10-15 20:10:06 字数 1040 浏览 0 评论 0 收藏 0

一个适用于移动端,静态函数风格的DOM工具库。

Usage

通过edp引入模块:

edp import saber-dom

简单使用示例:

require( [ 'saber-dom' ], function( dom ) {
    var el = dom.g( 'element-id' );
    var title = dom.query( '.element-class' );
    var list = dom.queryAll( '.list-item' );

    dom.addClass( el, 'el-class-name' );
});

API

选择器

.g( id )

根据id获取指定的DOM元素。

.query( selector )

根据选择器获取指定DOM元素。

.queryAll( selector )

根据选择器选择DOM元素列表。

.matches( element, selector )

判断DOM元素与选择器是否匹配。

样式

.getStyle( element, property )

获取样式。

.setStyle( element, property, value )

设置样式。

.show( element )

显示DOM元素。

.hide( element )

隐藏DOM元素。

.addClass( element, className )

为目标元素添加className。

.removeClass( element, className )

移除目标元素的className。

.hasClass( element, className )

判断元素是否拥有指定的className。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文