jquery - 如何使整个div可点击？

Question

html-

<div class="hbg">
</div>

这里有一些菜单项

鼠标悬停在菜单项上的 jquery-

function imgchange()
    {
        $('.smenu li').mouseover( function(){
        var src = $(this).find('a').attr('alt');
        $('.hbg').css('background-image', 'url(' + src + ')');
        $(this).find('hbg').attr('title', 'my tootip info');
        });     
    }

我在鼠标悬停在菜单项 (ul li) 上时通过 jquery 更改 hbg div 的背景图像。但我想将该 div 绑定(bind) (href) 到特定页面，以便当用户单击 div 上的任何位置，它应该重定向到该绑定(bind)页面。因为它在点击 li 项目时重定向。
jquery 中是否有任何属性可以将整个 div 设置为超链接？

Answer 1

以下是将点击处理程序绑定(bind)到 div 的方法:

$('div.hbg').click(function(e) {
  alert('The div was clicked!');
});

您可能还想将其设置为可点击的样式:

div.hbg { cursor: pointer; }