jQuery文章
文章平均质量分 76
Alcantara6
多多分享交流技术细节
展开
-
阻止事件冒泡和围绕.on()方法 [.selector]事件委托中冒泡情况的探讨
2019-7-23更新:1. document和body代理事件,在某些浏览器无效,目前发现在微信浏览器无效。2. 前端使用模板引擎渲染的节点,可能滞后与事件的绑定,因此这种情况下最适合事件代理。一、事件冒泡和阻止事件冒泡事件冒泡是JavaScript的核心概念之一,它的原理很简单,但真正应用起来还是有不少的坑。这里说一说关于阻止事件冒泡的本质。我们都知道阻止事件冒泡...原创 2017-10-04 23:02:15 · 2705 阅读 · 0 评论 -
jQuery实现轮播效果及stop()和is(:animated)的用法区别
对《锋利的jQuery》中的案例进行了改编和自创。本项目总结出以下知识点和技巧:一、轮播图的编程逻辑滚动式:1. mouseenter/mouseover移动(1) 获得鼠标移到的tab序号(2) 获得当前高亮的tab序号(利用filter(":has(.chos)")筛选和index()方法获得序号)计算出即将展示图片的位置,计算出移动时间获得当前高亮的tab序号...原创 2017-10-11 21:43:30 · 887 阅读 · 0 评论 -
从jQuery的remove()和原生JS的removeChild()方法再观jQuery对象和DOM对象的关系
jQuery对象是通过jQuery包装DOM对象后产生的对象。jQuery的remove()方法和原生js的removeChild()方法都是从DOM中删除节点,方法的返回值是:1. remove()方法:返回一个指向已被删除的节点的引用,这个节点元素还可以使用;2. removeChild()方法:删除的节点仍然存在于内存,只是没有添加到当前文档的DOM树中。可以总结为:remove()方法移除...原创 2018-01-23 00:57:10 · 11353 阅读 · 0 评论 -
用jQuery编写放大镜效果以及图片异步加载的测试
自创jQuery放大镜效果,主要运用offset()、width()、height()、e.pageX、e.pageY等关于位置的方法。核心思想:缩略图的尺寸与放大图尺寸的比值 = 放大镜相对缩略图的坐标X(或Y)/放大图相对包裹它的外框坐标X(或Y)的比值其中有几个关键点需要注意,还有两个bug,调试过程没少为此绞尽脑汁,算是从坑里爬出来,最终得到这样一套程序。问题值得思考、研究和总结,...原创 2017-09-27 22:10:07 · 513 阅读 · 0 评论 -
【干货】前端重要概念精炼总结--持续更新
1. Q: JavaScript脚本放在哪里 A: 放在header中的脚本,在页面加载之前就被装载,待调用(例如事件),类似函数声明;放在body中的脚本,在页面加载完成后就执行,类似于执行一个函数。原创 2018-01-17 19:34:53 · 459 阅读 · 0 评论 -
HTML attribute特性和DOM property属性的区别
attr——映射到propHTML标签的属性——初始状态 checked 是个布尔值,只要存在该属性即为true checked=”checked”或checked=其它任意数据类型(false、空字符串), 赋的只是字面量,不改变本身的属性值trueprop——不会影响attrDOM元素的特性——实时状态 <input>标签里有checked, prop的值即为tr...原创 2018-03-24 00:05:48 · 1193 阅读 · 1 评论