简单的 CSS 操作 JavaScript 库 - jCSSRule

版本:

浏览量:1290

最后更新：2021-09-06

应用标签：Jquery插件 MAC 软件 git

推荐指数:

查看演示点击下载

详细信息

jCSSRule 是一个 jQuery/Vanilla JavaScript 插件，可以轻松操作文档中某些元素的 CSS 规则。

这个怎么运作：

该插件将带有您定义的 CSS 规则的样式表动态插入到调用该插件的文档中。

如何使用它：

1. 下载并jcssrule.js在页面上包含脚本。

<!-- As A Vanilla JS Plugin -->
<script src="jcssrule.js" defer></script>
 
<!-- As A jQuery Plugin -->
<script src="https://code.jquery.com/jquery-1.12.4.min.js" defer></script>
<script src="jcssrule.js" defer></script>
<script src="jquery-cssrule.js" defer></script>

2. 用于对文档中任何元素的 CSS 样式进行 mainpulate 的 JavaScript 语法。可用参数：

选择器：应用 CSS 规则的选择器
属性：要设置的属性或键、值数组
value：要设置的值，如果未定义则返回当前值，如果为null则删除该属性

// As A Vanilla JS Plugin
// jCSSRule(selector, property, value);
jCSSRule("body", "background","red");
jCSSRule("body", {"background":"red", "color":"white"});
 
<!-- As A jQuery Plugin -->
$("body").cssRule("background","red");
$("body").cssRule({background":"red", "color":"white"});

3. 删除 CSS 规则。

// As A Vanilla JS Plugin
jCSSRule("body", "background",null);
jCSSRule("*", null);
 
// As A jQuery Plugin
$("body").cssRule("background",null);
$("*").cssRule(null);

联系我们

免费复制

微信扫码关注领取验证码

注:需在公众号回复"验证码