jq div click 执行多次

jquery click点击事件重复执行多次

$("button[name^='privateBtn']").click(function(){ alert('demo'); //接触绑定.避免重复执行 $("button[name!='privateBtn']").unbind('click'); });

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

jq div鼠标放上、离开马上展开、收缩方法

<body> <div id="aa" style="width:500px; height:30px; border:1px solid #000"></div> <div id="bb" style="width:500px; height:300px; border:1px solid #000; display:none"></div> </body&g

js的onclick和jq的click以及on和bind的区别

onclick和click,只能静态绑定点击事件:bind的可以一次绑定多个事件(click/onmouseover等):on可以动态的绑定事件,当页面加载完成调用on即可

jq实现回车键执行方法

$(function(){ $(document).keypress(function (e){ if(e.keyCode == 13){ //执行你想执行的方法,keyCode代表不同的按键 } }) })

jquery click嵌套事件重复注册多次执行的问题

jquery click嵌套事件重复注册多次执行的问题上面只是参考,我自己的解决方法是先使用unbind("click")解除事件然后再绑定新事件: $("#test").unbind('click').click(function(){ alert("内部click执行"); });

jq 使用手册翻译整理:Young.J 官方网站:http://jquery.com jQuery是一款同prototype一样优秀js开发库类,特别是对css和XPath的支持,使我们写js变得更加方便!如果你不是个js高手又想写出优秀的js效果,jQuery可以帮你达到目的! 下载地址:Starterkit (http://jquery.bassistance.de/jquery-starterkit.zip) jQuery

jq方法

DOM属性-获取和设置页面元素的DOM属性 .addClass()..attr()..prop()..hasClass()..html()..removeAttr()..removeClass()..removeProp(). .toggleClass()..val() .hasClass()返回的是true或flase 回调对象 .callbacks.add()..callbacks.disable()..callbacks.disabled()..callbacks.empty()..cal

JQ 为未来元素添加事件处理器—事件委托

随着DOM结构的复杂化和Ajax等动态脚本技术的运用,有了较多的动态添加进来的元素,直接用JQ添加click事件会发现新添加进来的元素并不能直接选取到,在这里就需要用到事件委托方法,JQ为事件委托提供了live().dalegate()和on()方法. 事件委托我们知道,DOM在为页面中的每个元素分派事件时,相应的元素一般都在事件冒泡阶段处理事件.在类似 body > div > a 这样的结构中,如果单击a元素,click事件会从a一直冒泡到div和body(即document对象).因此

JQ用法

jQuery简称jq,是一款同prototype一样优秀js开发库类,特别是对css和XPath的支持,使我们写js变得更加方便!如果你不是个js高手又想写出优秀的js效果,jq可以帮你达到目的!下载地址:Starterkit (http://jquery.bassistance.de/jquery-starterkit.zip)jQuery Downloads (http://jquery.com/src/) 下载完成后先加载到文档中,然后我们来看个简单的例子! <scriptlanguag

一个类似于jq的小型库

本人写了一个类似于jq的小型库,不过只是写了部分方法而已.并没有jq那么全面,下面就介绍下有哪些方法可以使用第一个是选择器, 选择器比较简单只支持ID选择器 $(‘#id_name’) Class选择器$(‘.class_name’) 标签选择器$(‘tag _name’) 并没有像jq那样拥有高级的选择器. 方法有 Js延迟加载 Ready $(document).ready(function(){ // 在这里写你的代码... }); $(functoin(){ }) 事件有 C

JQ笔记-加强版

Query初级一.介绍.基本写法什么是JQ: 一个优秀的JS库,大型开发必备 JQ的好处: 简化JS的复杂操作不再需要关心兼容性提供大量实用方法如何学习JQ: www.jquery.com JQ只是辅助工具,要正确面对需要分阶段学习 JQ设计思想: 选择网页元素模拟CSS选择元素独有表达式选择多种筛选方法 JQ写法 : 方法函数化 $(function(){ //var oDiv = $('#div1'); $('#div1').click(function(){

jq 使用手册

翻译整理:Young.J官方网站:http://jquery.com jQuery是一款同prototype一样优秀js开发库类,特别是对css和XPath的支持,使我们写js变得更加方便!如果你不是个js高手又想写出优秀的js效果,jQuery可以帮你达到目的! 下载地址:Starterkit (http://jquery.bassistance.de/jquery-starterkit.zip) jQuery Downloads (http:

jq序选择器

1.库和框架库:小而精直接操作DOM css() jquerry封装js的那些操作: 事件,属性, ajax(交互的技术),DOM,选择器框架:大而全事件,DOM,属性操作,ajax,"模板引擎" 2.jquerry 的入口函数: //等待文加载后使用 $(function{}); $(window).ready(function(){}); 3.DOM事件三步走 (1)事件源主要还是学习选择器 css大部分选择器都可以使用 $('div'); 获取出来的是jquery对象

js(jquery)解决input元素的blur事件和其他非表单元素的click事件冲突的方法

HTML结构:很简单,就一个input,一个div,能说明问题就OK了: <input type="text" value="默认值"><br/><br/><div>搜索</div> 想要实现的结果: 1.input框获取焦点时value为“”,失去焦点时value为“默认值”:-----这个很好实现: 2.当在input框中输入要搜素的内容后,点击div搜索,要求控制台打印输出要搜素的内容(当然每个项目的

点击页面其它地方隐藏div所想到的jQuery的delegate

在网页开发的过程中经常遇到的一个需求就是点击一div内部做某些操作,而点击页面其它地方隐藏该div.比如很多导航菜单,当菜单展开的时候,就会要求点击页面其它非菜单地方,隐藏该菜单. 先从最简单的开始,假如页面有一个id为test的div,我们要实现点击页面其它地方隐藏该div: <div id="test" style="margin:100px;background-color:#3e3;width:100px;height:100px;"> <

JQuery html API支持解析执行Javascript脚本功能实现-代码分析

JQuery html用法(功能类似innerHTML) 开发中需要使用Ajax技术来更新页面局部区域, 使用的方法是ajax获取html代码段(字符串),然后将这个html代码段作为参数,传入目标DOM(JQuery对象)的JQuery html接口,此语句执行后, 会将html代码段解释执行, 显示出html代码段描述的页面控件. 例如: <html> <head> <script type="text/javascript" src="./

div模仿select效果二：带搜索框

项目需要,要做一个首字母快速定位的select,代码如下: HTML <div class="select_country" unselectable="on" style="-moz-user-select:none;" onselectstart="return false;"> <div class="cy_title"> <span class="cy_nam

由点击页面其它地方隐藏div所想到的jQuery的delegate

对于这个问题一般有两种思路,这两种思路都会利用事件冒泡这一原理,想要详细了解Javascript事件机制可以看看JavaScript与HTML交互——事件,这不是本文重点,所以这里只是简单介绍一下事件冒泡, 事件冒泡 IE的事件冒泡:事件开始时由最具体的元素接收,然后逐级向上传播到较为不具体的元素 Netscape的事件捕获:不太具体的节点更早接收事件,而最具体的元素最后接收事件,和事件冒泡相反 DOM事件流:DOM2级事件规定事件流包括三个阶段,事件捕获阶段,处于目标阶段,事件冒泡阶段,首先发

点击其它地方隐藏div／事件冒泡／sweet－alert阻止冒泡

点击document时把div隐藏,但点击div时阻止点击事件冒泡到document,从而实现“点击文档其它地方隐藏div,点击div本身不隐藏”.js代码如下:$("#div").click(function(e){ e.stopPropagation();});$(document).click(function(){ $("#div").hide();});实现了点击其它地方隐藏div后遇到了另一个问题.我的div内部使用了bootstrap的tab组件,di

jQuery 双击事件（dblclick）时，不触发单击事件(click)

我这是转载的文字原文地址:http://www.cnblogs.com/wyblog/archive/2011/12/15/2289219.html 万恶的双击事件啊!! 在jQuery的事件绑定中,执行双击事件(dblclick)时能触发两次单击事件(click).即一个标签元素(如div等),如果元素同时绑定了单击事件(click)和双击事件(dblclick),那么执行单击事件(click)时,不会触发双击事件(dblclick), 执行双击事件(dblclick)时却会触发两次单击事件