简单的颜色选择器jscolor
只需在页面上引入jq插件和jscolor插件
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/jscolor.js"></script>
在body里放一个input
<input id="foo" class="jscolor {onFineChange:'update(this)'}" value="fff" >
在script标签里放入update同名方法
function update(jscolor) {
$('body').css('background-color',('#' + jscolor));
console.log(jscolor)
}
在该同名方法里可选择元素,并对其样式进行修改