jquery使整个div区域可以点击的方法

 　　本文实例讲述了jquery使整个div区域可以点击的方法。分享给大家供大家参考。具体分析如下：

　　这里实现可以让用户点击整个div区域，这段代码会自动查找div里的链接

　　?

1
2
3
4

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

　　Reference HTML:

　　?

1
2
3
4

<div class="myBox">
blah blah blah.
<a href="http://google.com">link</a>
</div>

　　希望本文所述对大家的jQuery程序设计有所帮助。

时间： 2024-10-03 06:59:20

jquery使整个div区域可以点击的方法的相关文章

jquery使整个div区域可以点击的方法_jquery

本文实例讲述了jquery使整个div区域可以点击的方法.分享给大家供大家参考.具体分析如下: 这里实现可以让用户点击整个div区域,这段代码会自动查找div里的链接 $(".myBox").click(function(){ window.location=$(this).find("a").attr("href"); return false; }); Reference HTML: <div class="myBox&quo

js和jquery使按钮失效为不可用状态的方法

 js和jquery如何使按钮失效,很简单,只要设置disabled属性为true即为不可用状态即可,下面有个简单的示例,大家可以参考下 设置disabled属性为true即为不可用状态.  JS:   代码如下: document.getElementByIdx("btn").disabled=true;    jquery  代码如下: $("#btn").attr("disabled", true);    html:  代码如下: <

js和jquery使按钮失效为不可用状态的方法_javascript技巧

设置disabled属性为true即为不可用状态. JS: 复制代码 代码如下: document.getElementByIdx("btn").disabled=true; jquery 复制代码 代码如下: $("#btn").attr("disabled", true); html: 复制代码 代码如下: <input type="button" value="提交" id="btn&

js实现的点击div区域外隐藏div区域_javascript技巧

首先看下JS的事件模型,JS事件模型为向上冒泡,如onclick事件在某一DOM元素被触发后,事件将跟随节点向上传播,直到有click事件绑定在某一父节点上,如果没有将直至文档的根. 阻止冒泡:1.stopPropagation()对于非IE浏览器.2.cancelBubble属性为true,对于IE浏览器, 而Jquery已经有兼容浏览器的方法,event.stopImmediatePropagation(); <!DOCTYPE html> <html> <head>

jquery获取相同class的div并绑定点击事件

问题描述 jquery获取相同class的div并绑定点击事件 <div id=""outadded_content""> <div class=""outadded_menu""> <img style=""height:65%;width:80%;"" src=""../image/more.png"" />

js-怎样写一个点击事件，除了某一个div区域不执行，其它点击都执行，求指教

问题描述 怎样写一个点击事件,除了某一个div区域不执行,其它点击都执行,求指教 $('body').not($("#dropzone")).bind('click', function() { //$("#dropzone").slideUp("normal"); }); 解决方案 $('body').bind('click', function (e) { var o = e.target; if($(o).closest('#dropzon

初学者的忧伤-用js或者jquery动态给div追加内容，不覆盖之前的内容

问题描述 用js或者jquery动态给div追加内容,不覆盖之前的内容 我想给一个div追加内容,当点击按钮时候追加一次,再次点击则再次追加,求源码 解决方案 jQuery的append方法: $("div").append();在选择元素的末尾添加内容 解决方案二: <!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"> &l

div 区域内有子div2个，如果根据div显示的内容截图保存

问题描述 div区域内有子div2个,如果根据div显示的内容截图保存,或者后台根据hammer.js得的x,y坐标截图保存图片我可以将当前显示的图片的<inputid="posX"name="posX"value="0"type="hidden"><inputid="posY"name="posY"value="0"type="hidde

jQuery实现的Div窗口震动效果实例_jquery

本文实例讲述了jQuery实现的Div窗口震动效果.分享给大家供大家参考.具体如下: 这是一款jQuery窗口震动效果代码,在Div边框内点击一下鼠标,它就开始震动了,适用浏览器:IE8.360.FireFox.Chrome.Opera.傲游.搜狗.世界之窗等. 运行效果截图如下: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/D