jquery动画

Python jQuery

由 喜欢而已 提交于 2019-11-29 08:33:07
jQuery https://www.cnblogs.com/Dominic-Ji/p/10490669.html jQuery介绍 　jQuery就类似于python的模块,帮你封装了一对复杂的操作暴露给你一些简易的接口前端的模块 叫 "类库"。 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ 下载链接： jQuery官网 中文文档： jQuery AP中文文档 jQuery版本 1.x：兼容IE678,使用最为广泛的，官方只做BUG维护，功能不再新增。因此一般项目来说，使用1.x版本就可以了，最终版本：1.12.4 (2016年5月20日) 2.x：不兼容IE678，很少有人使用，官方只做BUG维护，功能不再新增。如果不考虑兼容低版本的浏览器可以使用2.x，最终版本：2.2.4 (2016年5月20日) 3.x：不兼容IE678，只支持最新的浏览器。需要注意的是很多老的jQuery插件不支持3.x版。目前该版本是官方主要更新维护的版本。 维护IE678是一件让人头疼的事情，一般我们都会额外加载一个CSS和JS单独处理

jQuery

由 倖福魔咒の 提交于 2019-11-29 08:31:16
jQuery jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ jQuery的优势 一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。 丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。 链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。 事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。 跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。 插件扩展开发。jQuery有着丰富的第三方的插件，例如：树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件，并且用jQuery插件做出来的效果很炫

jQUery

由 亡梦爱人 提交于 2019-11-29 08:27:26
jQuery jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ jQuery的优势 1.一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。 2.丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。 3.链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。 4.事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 5.Ajax操作支持。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。 6.跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。 7.插件扩展开发。jQuery有着丰富的第三方的插件，例如：树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件，并且用jQuery插件做出来的效果很炫

jQuery---显示和隐藏动画效果

由 戏子无情 提交于 2019-11-29 06:46:06
<!DOCTYPE html> < html lang = " zh " > < head > < meta charset = " UTF-8 " > < meta name = " viewport " content = " width=device-width, initial-scale=1.0 " > < meta http-equiv = " X-UA-Compatible " content = " ie=edge " > < title > Document </ title > < style > h1 { display : none ; } </ style > </ head > < body > < p > < button type = " button " > 显示或隐藏 </ button > </ p > < h1 > Hello Animation </ h1 > < h1 > Hello Animation </ h1 > < h1 > Hello Animation </ h1 > < script src = " ./jquery.js " > </ script > < script > $ ( 'button[type="button"]' ) . click ( function ( ) { // 隐藏 jQ 集合中所有的元素 //

jQuery-淡入淡出动画效果

由 你说的曾经没有我的故事 提交于 2019-11-29 06:45:11
<!DOCTYPE html> < html lang = " zh " > < head > < meta charset = " UTF-8 " > < meta name = " viewport " content = " width=device-width, initial-scale=1.0 " > < meta http-equiv = " X-UA-Compatible " content = " ie=edge " > < title > Document </ title > < style > h1 { /* display: none; */ background-color : #f00 ; } </ style > </ head > < body > < p > < button type = " button " > 淡入淡出 </ button > </ p > < h1 > Hello Animation </ h1 > < h1 > Hello Animation </ h1 > < h1 > Hello Animation </ h1 > < script src = " ./jquery.js " > </ script > < script > $ ( 'button[type="button"]' ) . click (

jQuery---展开和闭合动画效果

由 南笙酒味 提交于 2019-11-29 06:44:50
<!DOCTYPE html> < html lang = " zh " > < head > < meta charset = " UTF-8 " > < meta name = " viewport " content = " width=device-width, initial-scale=1.0 " > < meta http-equiv = " X-UA-Compatible " content = " ie=edge " > < title > Document </ title > < style > h1 { display : none ; background-color : #f00 ; } </ style > </ head > < body > < p > < button type = " button " > 展开闭合 </ button > </ p > < h1 > Hello Animation </ h1 > < h1 > Hello Animation </ h1 > < h1 > Hello Animation </ h1 > < script src = " ./jquery.js " > </ script > < script > $ ( 'button[type="button"]' ) . click ( function (

jQuery---自定义动画效果

由 五迷三道 提交于 2019-11-29 06:44:20
<!DOCTYPE html> < html lang = " zh " > < head > < meta charset = " UTF-8 " > < meta name = " viewport " content = " width=device-width, initial-scale=1.0 " > < meta http-equiv = " X-UA-Compatible " content = " ie=edge " > < title > Document </ title > < style > h1 { /* display: none; */ background-color : #f00 ; border : 5px solid #ff0 ; } </ style > </ head > < body > < p > < button type = " button " > 展开闭合 </ button > </ p > < h1 > Hello Animation </ h1 > < h1 > Hello Animation </ h1 > < h1 > Hello Animation </ h1 > < script src = " ./jquery.js " > </ script > < script > $ ( 'button[type=

JQuery优缺点

由 眉间皱痕 提交于 2019-11-29 06:38:31
1、jQuery实现脚本与页面的分离 在HTML代码中，我们还经常看到类似这样的代码： <form id="myform" onsubmit=return validate();" > 即使validate()函数可以被放置在一个外部文件中，实际上我们依然是把页面与逻辑和事件混杂在一起。jQuery让你可以将这两部分分离。借助于jQuery，页面代码将如下所示： <form id="myform"> 接下来，一个单独的JS文件将包含以下事件提交代码： $("myform").submit(function() { ...your code here )} 这样我们可以实现灵活性非常强的清晰页面代码。jQuery让JavaScript代码从HTML页面代码中分离出来，就像数年前CSS让样式代码与页面代码分离开一样。 2、最少的代码做最多的事情 最少的代码做最多的事情，这是jQuery的口号，而且名副其实。使用它的高级selector，开发者只需编写几行代码就能实现令人惊奇的效果。开发者无需过于担忧浏览器差异，它除了还完全支持Ajax，而且拥有许多提高开发者编程效率的其它抽象概念。jQuery把JavaScript带到了一个更高的层次。以下是一个非常简单的示例： $("p.neat").addClass("ohmy").show("slow"); 通过以上简短的代码，开发者可以遍历

玩转Jquery

由 吃可爱长大的小学妹 提交于 2019-11-29 06:07:47
一 jquery简介 1 jquery 是什么 jQuery 由美国人 John Resig 创建，至今已吸引了来自世界各地的众多 javascript 高手加入其 team 。 jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是 ——WRITE LESS,DO MORE, 写更少的代码 , 做更多的事情。 它是轻量级的 js 库 ( 压缩后只有 21k) ，这是其它的 js 库所不及的，它兼容 CSS3 ，还兼容各种浏览器 （ IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+ ）。 jQuery 是一个快速的，简洁的 javaScript 库，使用户能更方便地处理 HTML documents 、 events 、实现动画效果，并且方便地为网站提供 AJAX 交互。 jQuery 还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 jQuery 能够使用户的 html 页保持代码和 html 内容分离，也就是说，不用再在 html 里面插入一堆 js 来调用命令了，只需定义 id 即可。 2 什么是 jQuery 对象？ jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象。 jQuery 对象是 jQuery 独有的 .

前端——jQuery

由 会有一股神秘感。 提交于 2019-11-29 06:04:54
jQuery介绍: jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。 它的宗旨就是：“Write less, do more.“ 在使用jQuery时候，需要在body标签的内部后面导入 <script src="jquery-3.2.1.min.js"></script> jQuery对象和DOM对象之间的转换； 1. jQuery对象转换成DOM对象,用索引取出具体的标签； 2. DOM对象转换成jQuery对象,$(DOM对象)； jQuery的关键字为$；注意 jQuery对象保存到变量的时候，变量名前面叫上$,方便与DOM区别； jQuery基础语法 1. 找标签 1. 基本选择器 　　1. $("ID值") 　　2. $(".class名") 　　3. $("标签名") 　　4. $("*") 找所有 　　5. $("条件1,条件2") 组合查找 2. 层级选择器 　　同CSS选择器 　　1. $("x y");// x的所有后代y（子子孙孙） 　　2. $("x > y");// x的所有儿子y（儿子） 　　紧挨和找之后所有的兄弟，都是在同一级的找的; 　　3. $("x + y")//
订阅 jquery动画