Jquery 在元素更改时将实时更改绑定到CSS？

我不知道该如何命名该标题，但我想知道如何将元素样式更改与事件（如滑块）联系起来，以便在事件发生时显示效果

示例1：如果我有一个滑块来更改

div

的不透明度，我将如何1）创建一个滑块，该滑块相对于元素的不透明度从0开始，到1结束，以及2）观察滑块的位置并在来回拖动元素时更改元素的不透明度

---

示例2：如果我有一个颜色映射来设置元素的背景颜色，我如何1）获取光标所在颜色的十六进制值，以及2）观察光标在颜色映射上的移动，并在元素在地图上移动时实时更改元素的颜色？

使用Javascript/JQuery，可以将函数绑定到事件。例如，您可以使用并简单地将函数绑定到其

change

事件，并让函数修改元素的不透明度，如下所示：

$("sliderElement").slider({
    change: function(event, ui){
        $("opacityElement").css('opacity', ui.value);
    }
}

---

无论何时更改元素的CSS样式，浏览器都会重新绘制它。因此，只要在需要更改外观时使用javascript更改其样式属性。

每次更新.style值时，浏览器都会触发重新绘制事件。因此，实时更新已经得到处理。现在，对于一个更复杂的滑块。