我正在尝试编写一个插件,它将扩展jQuery中的现有函数,例如
(function($)
{
$.fn.css = function()
{
// stuff I will be extending
// that doesn't affect/change
// the way .css() works
};
})(jQuery);
我只需要几个位来扩展该.css()功能.请注意,我可以考虑PHP类className extend existingClass,所以我想问是否可以扩展jQuery函数.
是否可以使用jQuery更改CSS中使用的变量？简单的例子:
html {
--defaultColor: teal;
}
.box {
background: var(--defaultColor);
width: 100px;
height: 100px;
margin: 5px;
float: left;
}
.circle {
background: #eee;
border: 2px solid var(--defaultColor);
width: 100px;
height: 100px;
margin: 5px;
float: left;
border-radius: 100%;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="clickToChange" type="button" style="width: 100%;">Click to Change</button>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<br/>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>例如,如何将变量颜色从青色更改为红色？这个不起作用.
$("#clickToChange").click(function(){
$(html).css("--defaultColor", "red");
});
我在我的网页中使用CSS变量并制作一种主题颜色,
:root {
--themeColor: #0afec0;
--hoverColor: #fff;
--bodyColor: #EEF1EF;
}
现在我已经var(--themeColor)到处使用,我想--themeColor在每次重新加载时分配一个随机颜色.这可能吗？