Jquery 如何将div框更改为链接？

我有一个带有标题和一些文本内容的框，当我将鼠标悬停在它上面时，如何使它像链接一样链接整个框？我尝试使用锚定标签，但它只使文本成为一个链接，我想能够点击框内的任何地方，并转到另一个网页

html:

---

尝试使用jQuery，如：

$(document).ready(function) {
    $(".box").click(function() {
        window.location.href = "your_page_url";
    });
});

您可以添加一些css：

.box:hover {
    cursor: pointer;
}

---

尝试使用jQuery，如：

$(document).ready(function) {
    $(".box").click(function() {
        window.location.href = "your_page_url";
    });
});

您可以添加一些css：

.box:hover {
    cursor: pointer;
}

---

尝试使用jQuery，如：

$(document).ready(function) {
    $(".box").click(function() {
        window.location.href = "your_page_url";
    });
});

您可以添加一些css：

.box:hover {
    cursor: pointer;
}

---

尝试使用jQuery，如：

$(document).ready(function) {
    $(".box").click(function() {
        window.location.href = "your_page_url";
    });
});

您可以添加一些css：

.box:hover {
    cursor: pointer;
}

---

将div放入href标记中：

<a href="http://domain.com">
<div class="box" style="margin-top:100px;">
    <center><h2>Work</h2></center>
    <center><p>TESTTSETTE TESTTSETSTEBSTEBSTE TESTTSETSETSGTSTE TESTTSETSETSGTTE TESTTSETSETSGTE</p></center>
</div>
</a>

---

还要在框css中添加高度。

将div放入href标记中：

<a href="http://domain.com">
<div class="box" style="margin-top:100px;">
    <center><h2>Work</h2></center>
    <center><p>TESTTSETTE TESTTSETSTEBSTEBSTE TESTTSETSETSGTSTE TESTTSETSETSGTTE TESTTSETSETSGTE</p></center>
</div>
</a>

---

还要在框css中添加高度。

将div放入href标记中：

<a href="http://domain.com">
<div class="box" style="margin-top:100px;">
    <center><h2>Work</h2></center>
    <center><p>TESTTSETTE TESTTSETSTEBSTEBSTE TESTTSETSETSGTSTE TESTTSETSETSGTTE TESTTSETSETSGTE</p></center>
</div>
</a>

---

还要在框css中添加高度。

将div放入href标记中：

<a href="http://domain.com">
<div class="box" style="margin-top:100px;">
    <center><h2>Work</h2></center>
    <center><p>TESTTSETTE TESTTSETSTEBSTEBSTE TESTTSETSETSGTSTE TESTTSETSETSGTTE TESTTSETSETSGTE</p></center>
</div>
</a>

---

另外，在css框中添加一个高度。

我猜您可能希望使用javascript实现这一点

使用jquery

$('.box').on('click',function(){
 $('body').load('<url goes here>');
});

$（'.box'）。在（'click'，function（）上{
$（'body'）。加载（''）；
});

这不是最优雅的东西 试试这样玩吧

---

确保整个链接适合整个框：）

我猜您可能希望使用javascript实现这一点

使用jquery

$('.box').on('click',function(){
 $('body').load('<url goes here>');
});

$（'.box'）。在（'click'，function（）上{
$（'body'）。加载（''）；
});

这不是最优雅的东西 试试这样玩吧

---

确保整个链接适合整个框：）

我猜您可能希望使用javascript实现这一点

使用jquery

$('.box').on('click',function(){
 $('body').load('<url goes here>');
});

$（'.box'）。在（'click'，function（）上{
$（'body'）。加载（''）；
});

这不是最优雅的东西 试试这样玩吧

---

确保整个链接适合整个框：）

我猜您可能希望使用javascript实现这一点

使用jquery

$('.box').on('click',function(){
 $('body').load('<url goes here>');
});

$（'.box'）。在（'click'，function（）上{
$（'body'）。加载（''）；
});

这不是最优雅的东西 试试这样玩吧

---

确保整个链接适合整个框：）

只需一点注释-这在HTML5中有效只需一点注释-这在HTML5中有效只需一点注释-这在HTML5中有效只需一点注释-这在HTML5中有效