javascript - 选择后使内容处于事件状态

Question

您是否能够在选择另一个项目时使其他内容处于事件状态或可见状态，类似于 Apple iPhone 网页 - 当您选择 iPhone 4 颜色时，模型版本将完全可见并处于事件状态。

Apple iPhone Page 你会如何在 jquery 中实现这个工作？

Answer 1

您可以将 click 事件处理程序绑定(bind)到元素，并在其中执行您喜欢的任何操作:

document.getElementById("someElem").onclick = function() {
    document.getElementById("anotherElem").style.display = "block";
}

您可以在上面看到我使用了 style 属性，该属性可用于更改元素的 CSS 属性(在本例中，我正在更改 display 属性到 block - 如果它之前是隐藏，那么这将使 anotherElem 变得可见)。

要在 jQuery 中执行此操作:

$("#someElem").click(function() {
    $("#anotherElem").show(); //Or use .css to change other CSS properties
});