jquery点击div之外的事件

jquery点击div以外的区域触发事件

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>网页特效展示中心</title> <style type="text/css"> #testa,#testa2{position:relative;} #pop,#pop2 { width:100

jquery点击元素之外触发事件

$("#errorMsg_layer").bind("click",function(e){ if($(e.target).closest("#errorMsg_div").length == 0){ foo(); } });//点击 #errorMsg_div 之外触发foo()方法.

Jquery点击div之外的地方隐藏当前div

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <title></title> <script type="text/javascript&

怎么点击div之外的区域就隐藏这个div啊找了很久，都没有很好解决

方法一. <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body> <span onClick="with(document.getElementById(

JQuery 点击子控件事件，不会触发父控件的事件

$('.order-delete').on('tap', function (e) { console.log('删除1'); console.log(e); e.stopPropagation(); //禁止触发父控件事件 }

jQuery点击div其他地方隐藏div

$(document).bind("click",function(e){ var target = $(e.target); ){ $("#regionlist").hide(); } })

jquery点击复选框触发事件给input赋值

体验效果:http://keleyi.com/keleyi/phtml/jqtexiao/31.htm 代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jquery点击复选框触发事件给input赋值-柯乐义</title><base target="_blank" /> <sty

HTML实现点击某一个元素之外触发事件大致编写的HTML界面渲染后是这个样子的,我们现在想要实现的需求是点击Button所在的div不会触发事件,而在点击Button所在的div之外的区域时会触发事件,下面就来介绍三种方法实现.  <html> <head> <link rel="stylesheet" href="./index.css"> </head> <body

在点击div中的p时，如何阻止事件冒泡？

今天整理笔记,发现在学习javaScript的过程中,遇到过一个在当时看来很棘手的问题,现在特地总结一下,也希望能帮助到曾像我一样迷惘的初学者. 我还是以一个案例来说明问题,html代码如下: <div onclick="show('a')"> <p onclick="show('b')"></p> </div> css代码如下: div{ width:500px; height:500px; background:r

21.JQ的监听事件（点击div外面可以让它消失）

JQ的监听事件(点击div外面可以让它消失) //监听整个页面 $(document).bind("click", function() { //给需要的对象赋予事件 $("对象").css("display","none"); }); //给对象的父亲加监听事件 $("对象的父亲").bind("click", function(e) { //给需要的对象赋予事件 $("

checkbox复选框和div click事件重叠，点击div后复选框也被选中，同时改变div颜色，否则则不选中

checkbox复选框和div click事件重叠,点击div后复选框也被选中,同时改变div颜色,否则则不选中 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> div { display: inline-block; width: 100px; margi

jQuery 学习笔记（三）——事件与应用

页面载入时触发ready()事件 ready()事件类似于onLoad()事件.但前者仅仅要页面的DOM结构载入后便触发.而后者必须在页面所有元素载入成功才触发,ready()能够写多个,按顺序运行.此外,下列写法是相等的: $(document).ready(function(){})等价于$(function(){}); 比如,当触发页面的ready()事件时,在<div>元素中显示一句话.例如以下图所看到的: 在浏览器中显示的效果: 从图中能够看出,当页面的DOM框架完毕载入后,便触发r

jQuery $(document).ready()和JavaScript onload事件

jQuery $(document).ready()和JavaScript onload事件 Why we need a right time? 对元素的操作和事件的绑定需要等待一个合适的时机,可以看下面的例子: <!DOCTYPE html> <meta charset="utf-8"> <html> <head> <title>1-1</title> <script type="text/jav

jQuery学习之旅 Item8 DOM事件操作

1.jquery页面载入事件 1.传统加载事件 <body onload="函数名()"> 页面全部html和css代码加载完成之后再调用指定的onload函数 window.onload = function(){ 加载过程 } 2.jquery实现加载事件 ① $(document).ready(function(){加载代码}); ② $().ready(function(){加载代码}); ③ $(function(){加载代码}); ----- jQuery.fn

jQuery使用（七）：事件绑定与取消,及自定事件的实现原理

实例方法: on() one() off() trigger() hover() 一.绑定事件与jQuery事件委托 $(selector).eventType(fn); $(selector).on(event,childSelector,data,function); $(selector).one(event,data,function); 1.jQuery可以直接通过点击内置事件类型方法来添加事件程序,比如添加点击事件:$("...").click(function(){con

JQuery攻略（四）事件

jQuery事件处理,鼠标的单击,双击,悬停,键盘按键,文本动画..... 此章节有 1.1被点击的按钮查找 1.2事件的自动触发 1.3点击之后禁用按钮 1.4鼠标事件 1.5焦点事件 1.6CSS的操作 1.7元素创建 1.8动画隐藏和展示 1.9效果 1.10键盘输入控制 1.11防止事件冒泡小结 1.1被点击的按钮查找一个页面上有很多按钮,对应不同的功能,一个按钮对应一个事件,说到底就是给每个按钮绑定一个事件. <html xmlns="http://www.w3.org/19

jQuery生成一个DIV容器，ID是"rating".

我们需要一些服务器端代码,这个例子中用到了一个PHP文件,读取rating参数然后返回rating总数和平均数.看一下rate.php代码.虽然这些例子也可以不使用AJAX来实现,但显示我们不会那么做,我们用jQuery生成一个DIV容器,ID是"rating". $(document).ready(function() { // generate markup var ratingMarkup = ["lease rate: "];

juery给所有ID属性相同的div绑定一个事件

案例: <div id="div1">内容</div> <div id="div1">内容</div> <div id="div1">内容</div> <div id="div1">内容</div> <div id="div1">内容</div> <div id="div1

《锋利的JQuery》读书要点笔记3——事件和动画

第四章 jQuery中的事件和动画 JS和HTML的交互是通过用户和浏览器操作页面时引发的事件来处理的,事件由浏览器自动生成. 4.1 jQuery中的事件 1. 加载DOM 这里主要是搞明白window.onload方法和$(document).ready()方法的区别:window.onload方法是在网页中所有元素(包括元素的关联文件)都加载到浏览器后才执行的,而 $(document).ready()方法在DOM完全就绪后就可以被调用.要注意的是在$(document).ready()方

jquery鼠标移动div内容上下左右滚动

jquery鼠标移动div内容上下左右滚动点击这里查看效果:http://keleyi.com/keleyi/phtml/jqtexiao/9.htm <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://ww