博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery入门
阅读量:5261 次
发布时间:2019-06-14

本文共 1731 字,大约阅读时间需要 5 分钟。

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

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 \dbclick\mouseenter\mouseleave\keypress\keydown\keyup\submit\change\focus\blur\load\resize\scroll\unload\

  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:slow\fast\毫秒

  淡出:$(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方法。

 

 

 

  

  

 

 

 

 

 

 

 

 

 

 

 

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

转载于:https://www.cnblogs.com/xiaoyifenger/p/7931028.html

你可能感兴趣的文章
数据库02 /MySQL基础数据类型以及多表之间建立联系
查看>>
Python并发编程04/多线程
查看>>
前端03 /css简绍/css选择器
查看>>
Python并发编程06 /同步/异步调用/异步调用+回调函数
查看>>
前端06 /JavaScript之BOM、DOM
查看>>
数据库/MySQL的安装
查看>>
MySQL之存储引擎
查看>>
前端08 /jQuery标签操作、事件
查看>>
数据库03 /库、表、记录的详细操作、单表查询
查看>>
数据库04 /多表查询
查看>>
前端02 /HTML标签
查看>>
前端04 /css样式
查看>>
前端05 /js基础
查看>>
[算法模版]莫队
查看>>
[算法模版]斜率优化
查看>>
语法上的小trick
查看>>
CF461B Appleman and Tree
查看>>
CF219D Choosing Capital for Treeland
查看>>
[算法模版]AC自动机
查看>>
CF1207G Indie Album
查看>>