zoukankan      html  css  js  c++  java
  • jQuery入门级part.2

    一,事件编程

      基本事件:

     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对象

  • 相关阅读:
    微信小程序开发之http到https的转化
    微信公众号实践第一弹:群发功能
    C# Modbus_TCP通讯 dll库 测试TRIO运动控制器
    C语言----循环结构2(基础篇六)
    C# 调用TRIO控制器ActiveX教程
    C语言----循环结构1(基础篇五)
    TRIO-basic指令--CAM
    C语言----流程图(基础篇四)
    C语言----选择结构(基础篇三)
    C语言----输入输出语句(基础篇二)
  • 原文地址:https://www.cnblogs.com/huuangrui/p/6036311.html
Copyright © 2011-2022 走看看