Javascript 在鼠标悬停时显示/隐藏div

JavaScript:

$( document ).ready(function() {
    function show(id) {
        document.getElementById(id).style.visibility = "visible";
    }
    function hide(id) {
        document.getElementById(id).style.visibility = "hidden";
    }
});

和HTML：

<table>
    <tr>
        <td id="one">
                <div class="content" onMouseOver="show('text')"  onMouseOut="hide('text')">
                    <h1>Heading</h1>
                    <p id="text">Lorem ipsum</p>
                </div>
            </div>
        </td>
</table>

标题
Lorem ipsum

---

Lorem ipsum应该在鼠标悬停在content div上时显示，但它不起作用。它被封装在一个表中，因为还有三个其他内容div构成了一个2×2的网格。

show

不在全局对象上，它在一个闭包中，因此当HTML事件处理程序试图调用它时，它不存在

改用CSS

#text {
    visibility: hidden;
}

.content:hover #text {
    visibility: visible;
}

---

show

不在全局对象上，它位于闭包中，因此当HTML事件处理程序试图调用它时，它不存在

改用CSS

#text {
    visibility: hidden;
}

.content:hover #text {
    visibility: visible;
}

---

您的功能需要在全局范围内，在

文档之外。准备就绪
：

$( document ).ready(function() {
    //...
});

function show(id) {
    document.getElementById(id).style.visibility = "visible";
}
function hide(id) {
    document.getElementById(id).style.visibility = "hidden";
}

您的功能需要在全局范围内，在
文档之外。准备就绪
：

$( document ).ready(function() {
    //...
});

function show(id) {
    document.getElementById(id).style.visibility = "visible";
}
function hide(id) {
    document.getElementById(id).style.visibility = "hidden";
}

您需要在jQuery环境/范围之外定义两个JavaScript函数

见下文


功能显示（id）{
document.getElementById（id）.style.visibility=“可见”；
}
函数隐藏（id）{
document.getElementById（id）.style.visibility=“hidden”；
}
.content{
边框：1px点蓝色；
}
#正文{
可见性：隐藏；
}

标题
Lorem ipsum

您需要在jQuery环境/范围之外定义两个JavaScript函数

见下文


功能显示（id）{
document.getElementById（id）.style.visibility=“可见”；
}
函数隐藏（id）{
document.getElementById（id）.style.visibility=“hidden”；
}
.content{
边框：1px点蓝色；
}
#正文{
可见性：隐藏；
}

标题
Lorem ipsum

使用jQuery很方便。另外，尽量不要将JavaScript直接放在HTML标记中。这里的问题是一个范围问题


$（“.content”）.hover（函数（）{
$（“#text”）.show（）；
}，函数（）{
$（“#text”）.hide（）；
});

标题
Lorem ipsum

使用jQuery很方便。另外，尽量不要将JavaScript直接放在HTML标记中。这里的问题是一个范围问题


$（“.content”）.hover（函数（）{
$（“#text”）.show（）；
}，函数（）{
$（“#text”）.hide（）；
});

标题
Lorem ipsum

只需定义jQuery范围之外的函数

<script>
function show(id) {
 document.getElementById(id).style.visibility = "visible";
}
function hide(id) {
 document.getElementById(id).style.visibility = "hidden";
}
</script>


功能显示（id）{
document.getElementById（id）.style.visibility=“可见”；
}
函数隐藏（id）{
document.getElementById（id）.style.visibility=“hidden”；
}
只需定义jQuery范围之外的函数

<script>
function show(id) {
 document.getElementById(id).style.visibility = "visible";
}
function hide(id) {
 document.getElementById(id).style.visibility = "hidden";
}
</script>


功能显示（id）{
document.getElementById（id）.style.visibility=“可见”；
}
函数隐藏（id）{
document.getElementById（id）.style.visibility=“hidden”；
}
我对代码进行了实验，而这一个就是有效的。谢谢。我尝试过这个代码，而这一个是有效的。谢谢