jquery使整個(gè)div區(qū)域可以點(diǎn)擊的方法

更新時(shí)間：2015年06月24日 17:57:44 作者：不吃皮蛋

這篇文章主要介紹了jquery使整個(gè)div區(qū)域可以點(diǎn)擊的方法,涉及jQuery操作頁面元素與鼠標(biāo)事件的技巧,需要的朋友可以參考下

本文實(shí)例講述了jquery使整個(gè)div區(qū)域可以點(diǎn)擊的方法。分享給大家供大家參考。具體分析如下：

這里實(shí)現(xiàn)可以讓用戶點(diǎn)擊整個(gè)div區(qū)域，這段代碼會(huì)自動(dòng)查找div里的鏈接

$(".myBox").click(function(){
   window.location=$(this).find("a").attr("href");
   return false;
});

Reference HTML:

<div class="myBox">
   blah blah blah.
  <a >link</a>
</div>

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

Ionic實(shí)現(xiàn)仿通訊錄點(diǎn)擊滑動(dòng)及$ionicscrolldelegate使用分析
這篇文章主要介紹了Ionic實(shí)現(xiàn)仿通訊錄點(diǎn)擊滑動(dòng)及$ionicscrolldelegate使用分析的相關(guān)資料,需要的朋友可以參考下
2016-01-01
jQuery文本框(input textare)事件綁定方法教程
jquery的事件綁定已經(jīng)用on替換了原來的bind，接下來為大家分享下bind的使用方法及input textare事件
2013-04-04
詳解ECharts使用心得總結(jié)
這篇文章主要介紹了詳解ECharts使用心得總結(jié)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-12-12
jQuery-Easyui 1.2 實(shí)現(xiàn)多層菜單效果的代碼
早上打開郵箱，一位朋友問我之前JQuery-Easyui 怎么做可以實(shí)現(xiàn)多級(jí)菜單
2012-01-01
jQuery實(shí)現(xiàn)圖片放大預(yù)覽實(shí)現(xiàn)原理及代碼
jQuery實(shí)現(xiàn)圖片放大原理很簡(jiǎn)單，就是將圖片顯示的尺寸變大后放在瀏覽器的一個(gè)指定位置，從而實(shí)現(xiàn)圖片的放大預(yù)覽，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下
2013-09-09
jQuery中的CSS-DOM操作
這篇文章介紹了jQuery中的CSS-DOM操作，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-03-03
jQuery基礎(chǔ)知識(shí)點(diǎn)總結(jié)(DOM操作)
下面小編就為大家?guī)硪黄猨Query基礎(chǔ)知識(shí)點(diǎn)總結(jié)(DOM操作)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-06-06
jQuery超簡(jiǎn)單遮罩層實(shí)現(xiàn)方法示例
這篇文章主要介紹了jQuery超簡(jiǎn)單遮罩層實(shí)現(xiàn)方法,結(jié)合實(shí)例形式詳細(xì)分析了jQuery遮罩層相關(guān)屬性樣式動(dòng)態(tài)控制操作技巧,需要的朋友可以參考下
2018-09-09
jQuery動(dòng)畫效果-slideUp slideDown上下滑動(dòng)示例代碼
jQuery動(dòng)畫上下滑動(dòng)效果在網(wǎng)頁中的應(yīng)用還是比較廣泛的，其實(shí)很簡(jiǎn)單通過slideUp slideDown方法便可輕松實(shí)現(xiàn)，具體如下，喜歡的朋友可以參考下，希望對(duì)大家學(xué)習(xí)jquery有所幫助
2013-08-08
解決checkbox的attr(checked)一直為undefined問題
需要做個(gè)一個(gè)全選的checkbox功能，遇到checkbox的attr("checked")一直為undefined，下面與大家分享下最終的解決方案
2014-06-06