$(document).on("click","#a",function(){alert(1)}) [#document] as a replacement of previous delegate etc.. event capture netscape 和 微软 曾经的战争还是比较火热的,当时, netscape 主张捕获方式,微软主张冒泡方式.后来 w3c 采用折中的方式,平息了战火,制定了统一的标准——先捕获再冒泡.  事件的触发有三个阶段 document…
jquery中用on来绑定事件,经常的写法有$(document).on('click','.classname',function(){});$('.classname').on('click',function(){}); 上面两种都是给类是classname的元素添加了click事件,那这两个写法有什么区别呢?在效率上哪个更好呢? 同样的,$(document).on('click','#idname',function(){});$('#idname').on('click',funct…
一.相关知识点总结1.CSS .css()      - .css("color")  -> 获取color css值 - .css("color", "#ff0000") -> 设置值      - .css({"color": "#cccccc", "border": "1px solid #ff0000"})  -> 设置多个值      -…
Bind()方法: 给元素绑定事件 形式: .bind(eventType[,eventData],handler(eventObject)) eventType,string类型,一个或多个DOM事件的名称,比如:click.submit eventData,Object,将会传递给handler函数的数据,也就是eventObject的data属性中,如果要调用那么使用eventObject.data Handler,function,当事件被触发时执行的函数 .bind(eventType…
Html代码如下: <div id="cover"> <input type="button" id="inside" value="submit_inside" /> </div> <div id="cover_js"> <input type="button" id="inside_js" value=&quo…
1.冒泡和默认行为 <div class="aa"> <div class="bb"> <div class="cc"> <em> <strong> 冒泡测试3 </strong> </em> </div> </div> </div> <div> <form action="http://www.ba…
大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:http://www.cnblogs.com/lvonve/ CSDN:https://blog.csdn.net/lvonve/ 在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识点,期间也会分享一些好玩的项目.现在就让我们一起进入 Web 前端学习的冒险之旅吧! 一.jQuery的…
01-jQuery的介绍 1.为什么要使用jQuery 在用js写代码时,会遇到一些问题: window.onload 事件有事件覆盖的问题,因此只能写一个事件. 代码容错性差. 浏览器兼容性问题. 书写很繁琐,代码量多. 代码很乱,各个页面到处都是. 动画效果很难实现. jQuery的出现,可以解决以上问题.  什么是 jQuery jQuery 是 js 的一个库,封装了我们开发过程中常用的一些功能,方便我们调用,提高开发效率. js库是把我们常用的功能放到一个单独的文件中,我们用的时候,直…
$('.parents').on("click",'.child',function(){}); 类似上面这种,在ios上点击"child"元素不会起作用,解决方案: 使用原生的支持click元素,例如a和button, 委托事件的时候,委托到body以下的元素上面, 对目标元素使用CSS cursor:pointer,…
请注意!!!!! 该插件demo PHP 的 demo下载  C#.NET的demo下载 需要如下图, 1.鼠标移动到头像DIV时,Ajax获取数据,并让浮动DIV显示出来. 2.鼠标可以移动到上面浮动的DIV.  3.鼠标移出浮动DIV且移出头像DIV时,浮动DIV消失, 第一步,给DIV添加mouseon事件,触发获取数据:这个比较简单,我使用的是通过ajax get:$.get(url, function(data) {.....} 第二步,显示DIV, if(data=='error')…