我正在尝试将背景更改 CSS 属性更改为 event.target
但它不起作用。除了更改 event.target.css 之外,所有命令都有效
这是我使用的代码:
$(document).ready(function() {
$(".plusMatch").click(function(event) {
if ($("#productImage"+event.target.id).hasClass("visible")) {
$("#productImage"+event.target.id).css("display", "none");
$("#productImage"+event.target.id).removeClass('visible');
event.target.css("background", "url(minusSign.jpg)");
} else {
$("#productImage"+event.target.id).css("display", "block");
$("#productImage"+event.target.id).addClass('visible');
event.target.css("background", "url(minusSign.jpg)");
}
});
});
最佳答案
第一件事是你在你的元素中使用了JQuery,所以你最好写$(event.target)
而不是event.target
< strong>如果你想使用 JQuery CSS 属性。
然后,要使用 javascript 更改任何 CSS 属性,您有两个选择:
原生样式属性 将编辑 HTML 元素上的样式标签,例如:
event.target.style.background = 'url(myPicture.jpg)';
JQuery css 属性
$(event.target).css('background': 'url(myPicture.jpg)');
这两种解决方案都会产生以下结果:
<div style="background:url('myPicture.jpg');"></div>
关于javascript - 将 css 编辑为 event.target,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39297535/