zoukankan      html  css  js  c++  java
  • jQuery入门

    ---恢复内容开始---

    1、简介:

      jQuery是一个JavaScript函数库,轻量级,写的少,做的多的JavaScript函数库。(jQuery2以上不支持IE6、7、8。jQuery1.9支持)

    2、jQuery 版本:

      Production version(用于实际的网站中,已被压缩和精简)Development version(测试和开发,可读代码)

      使用方式:<head> <script src="jquery-3.2.1.min.js"></script> </head> 

      或者引用CDN库  <head><script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script></head>

    3、功能:

      html的元素选取、html的元素操作、html dom遍历和修改、js特效和动画效果、css操作、html事件操作、ajax异步请求方式。

    4、语法:

      $(selector).action()        $:定义jQuery,selector:查询和查找的html元素,action()执行对元素的操作。

      $(document).ready(function(){//jQuery代码}):所有的jQuery代码在文档加载完之后进行。所以jQuery函数位于document ready函数中。

    5、选择器:

      id、class、类型、属性、属性值、元素组选择器/或者将jQuery放于独立的js文件中,通过src加载使用。

    6、jQuery事件:

      6.1、页面对不同访问者的响应叫做事件。事件处理程序是指当html中发生某些事件时所调用的方法。

      6.2、常见的DOM事件:click dbclickmouseentermouseleavekeypresskeydownkeyupsubmitchangefocuslurload esizescrollunload

      6.3、大部分DOM事件都有一个等效的jQuery方法。

      6.4、常用的jQuery方法:click()、dbclick()、mouseenter()、mouseleave()、mousedown()、mouseup()、hover()、focus()、blur()

    7、jQuery效果

    显示隐藏

      隐藏:$(selector).hide(speed,callback);  speed:slow 、fast、毫秒  callback:隐藏完成后执行的函数名称

      显示:$(selector).show(speed,callback);

      显示/隐藏$(selector).toggle(speed,callback);

    淡入淡出

      淡入:$(seclector).fadeIn(speed,callback)  淡入已隐藏的元素。speed:slowfast毫秒

      淡出:$(selcetor).fadeout(speed,callback)

      淡入淡出 :fadeToggle()

      渐变为给定的不透明度:$(selector).fadeTo(speed,opacity,callback);opacity为淡入淡出设定的不透明度,值界于0~1之间。

    滑动

      向下滑动元素:slideDown()

      向上滑动元素:slideUp()

      向上、下滑动元素:slideToggle()

    动画

      创建自定义动画animate():$(selector).animate({params},speed,callback);  params:定义形成动画的css属性,可有多个属性。

      停止动画:$(selector).stop(stopAll,goToEnd);

    jQuery链:Chaining 在一条语句中运用多个jQuery方法。

      

      

    ---恢复内容结束---

  • 相关阅读:
    Oracle11g: simple sql script examples
    MySQL5.7: datetime
    SQL Server: Datetime,Datetime2
    np.dot()、np.multiply()、np.matmul()方法以及*和@运算符的用法总结
    机器学习基础---机器学习系统设计
    机器学习基础---机器学习诊断法
    机器学习基础---神经网络(调试优化)(随机初始化、梯度检测)
    机器学习作业---神经网络实现多类分类
    机器学习基础---神经网络(属于逻辑回归)(构建训练集以及参数学习)
    机器学习基础---神经网络(属于逻辑回归)(构建假设函数)
  • 原文地址:https://www.cnblogs.com/xiaoyifenger/p/7931028.html
Copyright © 2011-2022 走看看