Hu.R

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

一,事件编程

  基本事件:

 blur(fn)     当失去焦点时

 change(fn)    当内容发生改变时

 click(fn)       当鼠标单击时

 dblclick(fn)     当鼠标双击时

 focus(fn)       当获取焦点时

 keydown(fn)    当键盘按下时

 load(fn)       当页面加载完成时

 mouseover(fn)   当鼠标经过时

 mouseout(fn)     当鼠标离开时

 scroll(fn)      当滚动条滚动时

 select(fn)      当内容被选中时

 submit(fn)       当表单提交时

 mouseenter(fn)    当鼠标经过时

 mouseleave(fn)    当鼠标离开时

事件切换:

       hover(over,out):它是专门用于实现鼠标经过与鼠标离开

      参数说明:  over:表示的是鼠标经过事件   它是一个匿名函数   out:表示是的鼠标离开事件    它是一个匿名函数

       toggle(fn1,fn2):当鼠标第一次单击时触发第一个fn1函数,当鼠标第二次单击时触发第二个fn2函数  

事件绑定:

    bind(type,fn) :对事件进行绑定  但是只绑定一个事件、

    参数说明:type:指事件名  事件名不带on前缀     fn:事件的处理程序   是一个匿名函数

二,效果

基本  滑动  淡入淡出  自定义动画

基本效果

  show():将隐藏的元素显示出来

  show(speed,[callback]) :将隐藏的元素以动画的方式显示出来

  hide():将显示的元素隐藏起来

  hide(speed,[callback]) :将显示的元素以动画的方式隐藏

  toggle() :如果显示就隐藏  如果隐藏就显示

  toggle(switch) :如果参数为true则表示只显示,如果为false表示只隐藏

  toggle(speed,[callback]):以动画的方式进行显示或者隐藏  参数说明:speed表示的方式有两种:一种毫秒数  二种英文单词 

                                    speed:"slow", "normal", "fast"

                                    callback:可选的参数  它是一个回调函数  当动画执行完了以后再来执行的函数 

滑动效果:

  slidedown():          将隐藏的元素显示出来

  slidedown(speed,[callback]):  以动画的方式将隐藏的元素显示出来

  slideup():            将显示的元素进行隐藏

  slideup(speed,[callback):    以动画的方式将显示的元素隐藏起来

  slidetoggle():         显示或者隐藏

  slidetoggle(speed,[callback): 以动画的方式显示或者隐藏

淡入淡出:

    fadeOut():淡出

  fadeIn():淡入

  fadeTo(speed,opacity):淡入淡出到指定值  opactiy 指透明度  取值:0~1之间 0表示完全透明  1表示不透明 

  fadeToggle():淡入或者淡出

自定义动画:

  animate(options,speed):当时间到了以后 就执行options里面的参数

三,文档操作

  内部插入:

  $(selector).append(content) :将content追加到selector选择器内部的最后面

  $(content).appendTo(selector):将content追加到selector选择器内部的最后面

  $(selector).prepend(content) :将content追加到selector选择器内部的最前面

  $(content).prependTo(selector) :将content追加到selector选择器内部的最前面

  外部插入:

  $(selector).after(content) :将content插入到selector选择器外部的最后面

  $(selector).before(content) :将content插入到selector选择器外部的最前面

  $(content).insertAfter(selector): 将content插入到selector选择器外部的最后面

  $(content)insertBefore(selector) :将content插入到selector选择器外部的最前面

  删除插入:

  empty()   将当前对象里面的内容清空 但是标签还在   将身体掏空了

  remove()  将标签与内容同时移除   自杀

  复制:

  clone([true])  将元素进行克隆 

  参数说明:如果有带true这个参数 表示克隆元素本身的同时还会将这个元素身上的事件进行克隆    如果没有带true  则表示只克隆 元素的本身  不克隆元素身上的事件 

  替换:

  replaceWith()

  包裹:

  wrap()        对元素进行包裹

  wrapAll()  对元素进行包裹 只包裹一次

  wrapInner() 对元素进行内部包裹

  获取到当前的素引值:

  index()

  查找:

  

链式编程

对象.方法名.方法名.方法名

  eq(index) :获取到指定下标的元素

  filter(expr) :将范围缩小

  not(expr) :除了当前元素以外的元素

  next([expr]) :匹配当前元素的下一个兄弟元素

  prev([expr]):匹配当前元素的上一个兄弟元素

  parent([expr]):匹配当前元素的父元素

  Parents([pxpr]):匹配当前元素的祖先元素 

  Siblings():匹配除了当前元素以外的所有的其它的兄弟元素

 四,插件机制

  jQuery.fn.extend(object)或$.fn.extend(object)

  要求参数必须是一个JSON对象

     语法:

  jQuery.fn.extend({

                  fn1:function(){},

                  fn2:function(){},

                  ......

         });      !!!在jQuery中除了插件机制中的this指向的是jQuery对象  其它的任何地方都是JavaScript对象

posted on 2016-11-06 20:49  Hu.R  阅读(82)  评论(0编辑  收藏  举报