Создаем кликабельный div — стили css

Вы, наверняка, хоть раз сталкивались с задачей сделать блок контента, заключенный в DIV, кликабельным.

Итак, как же это делается?

HTML-код трюка:

<div onclick="location.href='Гиперссылка';" style="cursor: pointer;"></div>

1	<div onclick="location.href='Гиперссылка';" style="cursor: pointer;"></div>

Style-параметр превращает курсор мыши в привычный для гиперссылок «пальчик» при наведении на кликабельный DIV.

Если мы используем JQuery, мы могли бы сделать что-то вроде:

<div> 
   <h3> Пучок </h3> 
   < href="http://google.com"> материал здесь </> 
</div>

<div>

<h3> Пучок </h3>

< href="http://google.com"> материал здесь </>

</div>

$(document).delegate("div", "click", function() {
   window.location = $(this).find("a").attr("href");
});

$(document).delegate("div", "click", function() {

window.location = $(this).find("a").attr("href");

});