jquery - 传递参数改变css

Question

我没有让它工作。我想要通过 changeCSS 函数的解决方案，这样我就可以传递不同的属性和值。

$("div").on("mouseover", changeCSS("opacity","0.5"));

function changeCSS(prop,val) {
$(this).css(prop, val);
}

Answer 1

它不起作用，因为在 changeCSS 中时，this === window。您也应该传入该元素。如果你想提供自定义参数，你还需要给 .on() 一个函数。

$("div").on("mouseover", function () {
    changeCSS(this, "opacity", "0.5"));
});

function changeCSS(elem, prop, val) {
    $(elem).css(prop, val);
}

您可能已经完成了，但您可能还应该有一个恢复不透明度的 mouseleave 事件。

$("div").on("mouseleave", function () {
    changeCSS(this, "opacity", "1"));
});