【锋利的jquery 事件 动画】的更多相关文章

锋利的jquery 事件 动画

事件 $(function){} bind(type, [data],function) 事件类型, 传递参数, 处理函数 hover(enter, leave) 光标停留时,函数enter,离开时函数leave toggle(fn1, fn2, fnN...) 点击时,依次调用fn1,fn2,直到结束.再调用fn1 动画 show() 参数为时间.单位毫秒 hide() 同上 fadeIn() 与fadeOut相反 fadeOut() 一定时间内降低元素不透明度,直到消失 slideUp()…

锋利的JQuery —— 事件和动画

大图猛戳…

锋利的jQuery事件

一:事件 1.鼠标事件 (1)$()是$(document)的简写,默认参数是document. $(function(){}是$(document).ready(function(){})的简写. (1)事件绑定 bind(type [,data],fn); type是事件类型,有blur,focus,load,resize,scroll,unload,click,dbclick,mousedown,mouseup, mouseover,mousemove,mouseout,mouseente…

jQuery中的事件和动画——《锋利的jQuery》（第2版）读书笔记2

第4章 jQuery中的事件和动画 jQuery中的事件 加载DOM $(document).ready(function(){   // 编写代码... }); 可以简写成: $(function(){   // 编写代码... }); $(document).ready()方法的执行时机是在网页中所有DOM结构绘制完毕后就执行,可能此时DOM元素关联的东西(比如图片)并没有加载完. $(document).ready()方法能同时编写多个,每次调用$(document).ready()方法都…

【学习笔记】锋利的jQuery（三）事件和动画

一.jQuery事件 1,加载事件 $(document).ready(function(){...}) //等同于$(function(){..}) $(window).load(function(){...}) //等同于window.onload = fn 2,基本事件绑定 bind(type,[.data],fn) //可绑定多个事件:bind("mouseover mouseout",fn) unbind(type,fn) //解除绑定 one(type,[.data],fn…

jQuery事件与动画

一 事件 1 加载DOM事件 $(document).ready():执行时机:DOM元素准备就绪  执行次数:多次  简单写法:原:$(document).ready(function(){})                                    简1:$().ready(function(){})                                    简2:$(function(){}) window.onload(): 执行时机:页面所有元素准备就绪 执行…

【锋利的jQuery】中全局事件ajaxStart、ajaxStop不执行

最近一直都在研究[锋利的jQuery],确实是一本好书,受益匪浅.但由于技术发展及版本更新等原因,里面还是有些坑需要踩的. 比如:第六章七节中提到的全局事件ajaxStart.ajaxStop照着案例敲结果并不会执行. 在查阅资料后,发现原来在jquery1.9+版本以后,ajax全局事件需绑定到document对象上才能触发. 下面是各版本不同写法: <html> <head> <meta charset="utf-8"> <style>…

第三章 jQuery事件和动画

1.什么是事件:事件指的是用于对网页操作的时候,网页做出的一个回应. 2.JQuery中的事件:JQuery事件是对JavaScript事件的封装,常用事件的分类如下:(1)基础事件:window事件鼠标事件键盘事件表单事件(2)复合事件是多个事件的组合:鼠标光标悬停鼠标连续点击 3.鼠标事件:click() 鼠标单击时mouseover() 鼠标移过时mouseout() 鼠标移出时 4.键盘事件:keydown() 按下键盘keyup() 放开键盘keypress() 按住不放常用的按键的编…

jQuery 选择器 筛选器 样式操作 文本操作 属性操作 文档处理 事件 动画效果 插件 each、data、Ajax

jQuery jQuery介绍 1.jQuery是一个轻量级的.兼容多浏览器的JavaScript库. 2.jQuery使用户能够更方便地处理HTML Document.Events.实现动画效果.方便地进行Ajax交互,能够极大地简化JavaScript编程.它的宗旨就是:“Write less, do more.“ jQuery的优势 一款轻量级的JS框架.jQuery核心js文件才几十kb,不会影响页面加载速度. 丰富的DOM选择器,jQuery的选择器用起来很方便,比如要找到某个DOM对…

《锋利的jQuery》读书笔记（DOM+事件）

前阵子买了一批书,就从锋利的jQuery看起吧,书中一些太过常规以及没有强记必要性的操作就不记录了. 1.DOM加载后执行JS $(document).ready(function(){ //...... }) //简写 $(function(){ //...... }) 特点:网页中所有DOM结构绘制完成后就执行,可能DOM元素关联的东西并没有加载完,可以同时编写多个 window.onload = function(){ //...... } 特点:必须等待网页中所有内容(包括图片)加载完毕…