Skylark.js知典 86:styler http://zhidian.wuute.com/skylarkjs/ 2026-05-20T16:12:56+09:00 Skylark.js知典 http://zhidian.wuute.com/skylarkjs/ http://zhidian.wuute.com/skylarkjs/lib/tpl/bootstrap3_1/images/favicon.ico text/html 2017-08-23T12:05:48+09:00 addClass() http://zhidian.wuute.com/skylarkjs/doku.php/86/styler/addclass?rev=1503457548&do=diff addClass() 功能 向指定的元素添加一个或多个类。 语法 styler.addClass(elm,name) 参数 * elm HTMLElement对象，指定对象HTML元素 * name 将一个或多个空格分隔的类添加到目标元素的class属性中 范例 text/html 2017-08-23T12:09:22+09:00 className() http://zhidian.wuute.com/skylarkjs/doku.php/86/styler/classname?rev=1503457762&do=diff className() 功能 获取或设置指定元素的class属性的值。 语法 styler.className(node, value) 参数 * node HTMLElement对象，指定对象HTML节点 * value 新的 class 属性值 范例 Example: 在第一个 p 元素上加上'selected'样式。 text/html 2017-08-23T12:11:33+09:00 css() http://zhidian.wuute.com/skylarkjs/doku.php/86/styler/css?rev=1503457893&do=diff css() 功能 获取或设置指定元素的一个或多个CSS属性值。 语法 styler.css(elm, property, value) 参数 * elm HTMLElement对象，指定对象HTML元素 * property 属性的名称 * value 新的属性值。如果是null，指定的属性将被删除(如.removeAttr()) text/html 2018-01-25T15:37:33+09:00 hasClass() http://zhidian.wuute.com/skylarkjs/doku.php/86/styler/hasclass?rev=1516862253&do=diff hasClass() 功能 检查指定的元素是否被分配给指定的类。 语法 styler.hasClass(elm,name) 参数 * elm HTMLElement对象，指定对象HTML元素 * name 要搜索的类名 范例 Example: 在匹配的元素上寻找 'foo' 样式。 text/html 2017-08-23T12:19:08+09:00 hide() http://zhidian.wuute.com/skylarkjs/doku.php/86/styler/hide?rev=1503458348&do=diff hide() 功能 隐藏指定的元素。 语法 styler.hide(elm) 参数 * elm HTMLElement对象，指定对象HTML元素 范例 Example: 隐藏对象元素。 <!DOCTYPE html> <html> <head> <style> p { margin: 8px; font-size:16px; } </style> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.3/require.min.js"></script> <script> require.config({ baseUrl: "./" ,packages : [ { name: "skylark", location: "../../../src/skylark" }, ] }); </script> </head> <b… text/html 2017-08-23T12:19:42+09:00 isInvisible() http://zhidian.wuute.com/skylarkjs/doku.php/86/styler/isinvisible?rev=1503458382&do=diff isInvisible() 功能 判断指定的元素是否不可见。 语法 styler.isInvisible(elm) 参数 * elm HTMLElement对象，指定对象HTML元素 范例 Example: 判断 p 元素是否可见，input 显示判断值。 <!DOCTYPE html> <html> <head> <style> </style> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.3/require.min.js"></script> <script> require.config({ baseUrl: "./", packages: [ { name: "skylark", location: "../../../src/skylark" }, ] }); </script> </… text/html 2017-08-23T12:26:38+09:00 removeClass() http://zhidian.wuute.com/skylarkjs/doku.php/86/styler/removeclass?rev=1503458798&do=diff removeClass() 功能 从指定的元素中删除一个类或多个类。 语法 styler.removeClass(elm,name) 参数 * elm HTMLElement对象，指定对象HTML元素 * name 要移除的一个或多个空格分隔的类 范例 Example: 在对象元素上移除 foo 样式。 text/html 2017-08-23T12:29:59+09:00 show() http://zhidian.wuute.com/skylarkjs/doku.php/86/styler/show?rev=1503458999&do=diff show() 功能 显示指定的元素。 语法 styler.show(elm) 参数 * elm HTMLElement对象，指定对象HTML元素 范例 Example: 在对象元素上显示 hide 样式。 <!DOCTYPE html> <html> <head> <style> p { margin: 8px; font-size:16px; } .hide { display:none; color:blue; } </style> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.3/require.min.js"></script> <script> require.config({ baseUrl: "./" ,packages : [ { name: "skylark", location: "../../../src/skylar… text/html 2017-08-23T12:33:36+09:00 styler http://zhidian.wuute.com/skylarkjs/doku.php/86/styler/start?rev=1503459216&do=diff styler 这个模块包含一些与dom样式相关的方法。 模块函数 function styler() { } 成员列表 类型语法说明属性autocssfix默认值 true 。函数addClass() 向指定的元素添加一个或多个类。函数className() 获取或设置指定元素的class属性的值。 text/html 2017-08-23T12:33:09+09:00 toggleClass() http://zhidian.wuute.com/skylarkjs/doku.php/86/styler/toggleclass?rev=1503459189&do=diff toggleClass() 功能 从指定的元素中添加或删除一个或多个类。即：如果存在（不存在）就删除（添加）一个类。 语法 styler.toggleClass(elm, name, when) 参数 * elm HTMLElement对象，指定对象HTML元素