一、冒泡的原理: 子元素会触发父元素的事件 自上而下的触发事件 二、解决方法: JS: IE:event.cancelBubble=true FF:event.stopPropagation() JQ: ev.stopPropagation() !!! - CSS <style> .div1{wid ...
分类:
Web程序 时间:
2017-11-29 20:01:21
阅读次数:
337
温故而知新,一起复习下jq的知识点。 (1) jq获取被选中的option的值 html 代码结构如上、获取当前选中的值: 其中变量 selected 就是当前改变下拉状态后的被选中的 option的值。 华丽的分割线 华丽的分割线 (2) jq获取被选中的单选按钮radio的值 $('input: ...
分类:
其他好文 时间:
2017-11-29 19:57:49
阅读次数:
273
拖拽的原理很简单 1、第一步:需要基本的概念,需要这些事件: onmousedown()鼠标按下、 onmousemove()鼠标移动、 onmouseup()鼠标抬起、 2、第二步:你需要了解事件的状态,也就是获取鼠标的位置: window.Event :代表事件的状态,比如事件在其中发生的元素、 ...
分类:
Web程序 时间:
2017-11-29 19:48:06
阅读次数:
170
(function ($) { $.fn.extend({ initForm: function (options) { //默认参数 var defaults = { formdata: "", isDebug: true //是否需要调试,这个用于开发阶段,发布阶段请将设置为false,默认为f ...
分类:
其他好文 时间:
2017-11-28 18:46:51
阅读次数:
257
(function () { var _$ = window.$; var _jQuery = window.jQuery; //暴露外部使用的一个接口 var jQuery = window.jQuery = window.$ = function(selector){ return new jQ ...
分类:
Web程序 时间:
2017-11-26 20:35:05
阅读次数:
200
1.event.stopPropagation(); 事件处理过程中,阻止了事件冒泡,但不会阻击默认行为(它就执行了超链接的跳转) 2.return false; 事件处理过程中,阻止了事件冒泡,也阻止了默认行为(比如刚才它就没有执行超链接的跳转) 还有一种有冒泡有关的: 3.event.preve ...
分类:
其他好文 时间:
2017-11-25 15:14:43
阅读次数:
255
尺寸操作 1、获取宽高 a) jq对象.height/width () :只有获取高度/宽度 尺寸,不包括padding和margin 和 border 2、设置宽度 a) Jq对象 . height/ width("200px"); b) px可加可不加,不加不需要写双引号 jQuery(func ...
分类:
其他好文 时间:
2017-11-21 01:18:11
阅读次数:
219
1.使用链式写法 2.事件的委托处理(Event Delegation) javascript的事件模型,采用"冒泡"模式,也就是说,子元素的事件会逐级向上"冒泡",成为父元素的事件。 利用这一点,可以大大简化事件的绑定。比如,有一个表格(table元素),里面有100个格子(td元素),现在 要求 ...
分类:
其他好文 时间:
2017-11-20 19:11:08
阅读次数:
159