jquery动画

制作多级菜单（l1） show()，hide() js代码 $( function () { $("li:has(ul)").click( function (e) { if ( this == e.target) { if ($( this ).children().is(":hidden")) { $( this ).css("list-style-image", "url(Img/minus.gif)").children().show(); } else { $( this ).css("list-style-image", "url(Img/plus.gif)").children().hide(); } }; return false ; // 避免不必要的事件混绕 }).css("cursor", "pointer").click(); $("li:not(:has(ul))").css({ "cuaor": "default", "list-style-image": "none" }); }); html代码 < div > < ul > < li > 信息学院 < ul > < li > 计算机科学与技术 </ li > < li > 电子技术教育 </ li > </ ul > </ li > < li > 外语学院 < ul > < li > 应用英语 </

表单筛选器： bootCDN ( CDN内容分发网络 ) （很多地方都有仓库，就近获取，用最优网络来返回） min是压缩过后的 把他的URL复制过去 可以 在下面把src里放网址 在用表单筛选器 :checked 的时候 不仅会找到input里面的checked 还会把select 里面的 option 也找到 所以应该在前面加上input input:checked :selected 只会找到select里面的option :disabled 也可以用 筛选器方法 同级别下面一个 ​ .next() 找同级别的下一个( 第一个 ) 同级别下面所有 ​ .nextAll() 找同级别下面所有的 直到 不包含最后一个 ​ .nextUntil('span') 往下走，直到遇到 span 停下里（不包含span） 上面一个 ​ .prev() 上面所有的 ​ .prevAll() 上面 直到 不包含 ​ .preUntil() 链式调用时千万要注意是否还是jQuery对象，否则不能调用jQuery方法 找父亲 找父亲的父亲 找父亲的父亲的父亲 body 找父亲的父亲的父亲的父亲 document 然后就没了（最多到document） .parents() 直到拿到html 不会到document $('.c2').parentsUntil('html') 找父亲 直到html

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

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插件做出来的效果很炫

jQuery1.2选择器 2007-11-30 21:57 以下的文档根据官网1.2选择器汉化，并做相应的调整及加入了部份示例。 由于实际使用中选择器在IE和非IE下会有不同的效果，请参照红色的字样。如有错误请及时联系我。 绯雨汉化： http://feiyu.asgard.cn 基本选择器 #myid 返回: <jQuery对象> 匹配一个id为myid的元素。 element 返回: <jQuery对象> 数组 匹配所有的element元素 .myclass 返回: <jQuery对象> 数组 匹配所有class为myclass的元素 * 返回: <jQuery对象> 数组 匹配所有元素。 该选择器会选择文档中所有的元素，包括html，head，body selector1,selector2,selectorN 返回: <jQuery对象> 数组 匹配所有满足selector1或selector2或selectorN的元素 层次选择 elementParent elementChild 返回: <jQuery对象> 数组 匹配elementParent下的所有子元素elementChild。 例如：$("div p") 选择所有div下的p元素 elementParent > elementChild 返回: <jQuery对象> 数组

文章目录 jQuery 一、jQuery 概述 二、jQuery 中$的含义 三、选择器学习 四、操作页面的样式 五、操作页面元素的属性 六、操作页面的文本和值 七、操作页面的元素 八、事件处理 九、动画功能 A 十、Jquery 的封装原理 jQuery 一、jQuery 概述 1、为什么使用 jQuery(遇到的问题)  选择器功能弱  DOM操作繁琐之极  浏览器兼容性不好  动画效果弱 2、什么是 jQuery(概念) jQuery （javaScriptQuery）JavaScript 代码库 官方网站： http://jquery.com/ 3、目前 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，只支持最新的浏览器。除非特殊要求， 一般不会使用 3.x 版本的，很多老的 jQuery 插件不支持这 个版本。目前该版本是官方主要更新维护的版本。最新版本： 3.2.1（2017 年 3 月 20 日） 二、jQuery

jquery:是一个优秀javascript框架,一个轻量级的js库 兼容css3,及各种浏览器 使用户更方便的处理html,event,实现动画效果 并且方便网站提供ajax交互 使用户的html页面保持html和代码分离 注意:jquery2.x开始不再支持ie6,7,8 jquery的核心理念:write less,do more,写的少,做的多 官方网站:http://jquery.com jquery的编程步骤: 1.引入jquery的js文件 2.使用jquery的选择器,定位要操作的节点 3.调用jquery的方法进行业务操作 什么是jquery对象: jquery为了解决浏览器的兼容问题而提供的一种统一 封装后的对象描述 query提供的方法都是针对jquery对象特有的,而大部分 方法的返回类型也是jquery对象,所以方法可以连续调用(方法链) 用法: jquery对象.方法().方法().方法().... html中 标签, 节点 ,对象 元素 css 中 样式: 属性和值 id选择器,class选择器,元素选择器,派生选择器,伪类选择器 js 中 javascript对象 内置对象,外置对象,自定义对象 有属性,有方法体的方法 json 中 java中json对象,java中的json字符串 相互转换 javascript中json对象

转自： https://www.cnblogs.com/xiaohuochai/p/7404928.html ------------------------------------------------------------------------------------------------------------------------》》》 Velocity.js的使用 前面的话 　　Velocity是一款优秀的JS动画库，完全可以作为jQuery的 animate 的替代品。需要动画功能时，使用Velocity是一个好选择。本文将详细介绍 Velocity.js 的使用 概述 　　Velocity是一个简单易用、高性能、功能丰富的轻量级JS动画库。它和jQuery的 animate() 有相同的API， 但它不依赖 jQuery，可单独使用。Velocity不仅包含了$.animate()的全部功能，还拥有：颜色动画、转换动画(transforms)、循环、缓动、SVG动画和滚动动画等特色功能。它比$.animate()更快更流畅，性能甚至高于CSS3 animation，是jQuery和CSS3 transition的最佳组合，它支持所有现代浏览器，最低可兼容到IE8和Android 2.3 【下载】 　　可以通过官网直接下载Velocity.js， 下载地址 　

jQuery是什么 <1> jQuery是由John Resig创建，至今已吸引了来自世界各地的众多 javascript高手加入其team。 <2> jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITE LESS,DO MORE! <3> 它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器 <4> jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTMLdocuments、events、实现动画效果，并且方便地为网站提供AJAX交互。 <5> jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 jQuery 对象 jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象。 jQuery 对象是 jQuery 独有的 . 如果一个对象是 jQuery 对象 , 那么它就可以使用 jQuery 里的方法 : $(“#test”).html(); $("#test").html() //意思是指：获取ID为test的元素内的html代码。其中html()是jQuery里的方法 // 这段代码等同于用DOM实现代码： document.getElementById(" test ")