jquery
文章平均质量分 57
gigi就是我
这个作者很懒,什么都没留下…
展开
-
jQuery事件:mouseleave 与 mouseout 的不同
这两天给团队做一个类似京东首页目录分类的组件:这里实现的是当鼠标hover左侧的商品分类时,右侧显示出分类面板,当鼠标移出分类区域时,面板隐藏。在实现鼠标移出面板隐藏的时候,一开始考虑为整个分类区域绑定mouseout事件,但发现只要鼠标在各个子元素li之间切换,就会触发此事件。后来考虑使用mouseleave,成功实现功能。总结一下:mouseout:不论鼠标指针离开被选元素还是任何子元素,都会原创 2016-07-19 16:36:43 · 1746 阅读 · 0 评论 -
如何做到 jQuery-free?
此文旨在比较jQuery和原生js在操作DOM方面的异同。 因为DOM本身就具有很丰富的操作方法,所以其实jQuery的使用或许不是必要的。尾部追加DOM元素//jsparent.appendChild(child);//jquery$(parent).append($(child));这里去看了一下jQuery的append方法的源码,其实就是使用的DOM的append转载 2017-01-16 16:54:55 · 481 阅读 · 0 评论 -
jQuery学习笔记:事件绑定
绑定事件:bind、on、live、delegate触发事件:trigger(‘keyup’)解绑事件:unbind、off、die、undelegate绑定事件bind()为一个元素绑定事件处理程序。$('#foo').bind('click', function() { alert('User clicked on "foo."');});也支持多种事件类型原创 2017-02-16 14:40:21 · 547 阅读 · 0 评论 -
jQuery学习笔记:DOM操作(二)——属性、类、HTML、CSS
属性操作获取属性和设置属性attr()如果要获取属性,那么给attr()方法传递一个参数,即属性名称。$("img").attr("src");如果要设置属性,那么就传递两个参数,即属性名和对应的属性值。$("img").attr({ src: "test.jpg", alt: "Test Image" });prop()首先要看一下特性(attribute)和属性(prop)的区别:原创 2017-01-17 10:03:43 · 538 阅读 · 0 评论 -
jQuery学习笔记:DOM操作(一)——文档
查找节点可以使用jQuery选择器来完成节点的查找。$("div > p");创建节点创建元素节点直接利用jQuery的工厂函数$()。 根据提供的原始 HTML 标记字符串,动态创建由 jQuery 对象包装的 DOM 元素。$("<div><p>Hello</p></div>") 注意: 动态创建的新元素节点不会被自动添加到文档中,而是需要再使用其他方法将其插入文档中。 创建单原创 2017-01-16 21:52:22 · 418 阅读 · 0 评论 -
jQuery学习笔记:extend
jQuery为开发插件提拱了两个方法,分别是:jQuery.fn.extend(object):给jQuery对象添加方法jQuery.extend(object):为扩展jQuery类本身.为类添加新的方法那么fn究竟是什么呢?jQuery.fn = jQuery.prototype jQuery.fn指的就是jQuery的原型对象,也就是指jQuery的命名空间,因此在$.fn上定义的方法原创 2017-02-28 10:43:43 · 359 阅读 · 0 评论 -
实现jQuery.each方法
参考JavaScript专题之jQuery通用遍历方法each的实现 $.each是一个通用的迭代函数,可以用来迭代数组与对象。$.each(arr,function(index,value){ ……})$.each(obj,function(prop,value){ ……})$.each()函数和 $(selector).each()是不一样的,那个是专门用来遍历一个jQue原创 2017-08-12 21:25:54 · 557 阅读 · 0 评论 -
编写jQuery插件
一般编写插件是给jQuery.fn添加一个新的函数属性:jQuery.fn.myPlugin = function(){ ……}但是为了使用我们熟悉的,可以使用一个IIFE函数将jQuery传入,并在内部使用,可以使用一个IIFE函数将jQuery传入,并在内部使用:(function(){ $.fn.myPlugin = function(){ …… }原创 2017-08-24 22:15:44 · 354 阅读 · 0 评论 -
jQuery ready方法原理
$(document).ready(function) 在DOM结构就绪时就触发了,但是传统的window.onload则是在DOM加载完毕且所有资源都下载完毕后才触发。ready是浏览器兼容的,那么就分为两种情况标准浏览器:标准浏览器非常简单,有 DOMContentLoaded 事件,当所有DOM解析完以后会触发这个事件 非标准浏览器 非标准浏览器麻烦一些,jquery用两个方式来保证 如原创 2017-09-19 17:07:53 · 1385 阅读 · 0 评论