jquery特效

JQuery一些简单常用的方法

阅读更多关于 JQuery一些简单常用的方法

申请了博客，却不知道写点啥，因为本人是一只菜鸟，所以也不敢在各位大虾们面前show一些皮毛的小东东，现在也顾不了那么多了，我就是想在这里做一些学习用的笔记，呵呵。希望各位师傅们莫要见笑，以后多多希望各位指教。最近在学习JQuery。因为在以后的工作中可能要用到，由于刚学习不久，了解的也只是一些皮毛的东西，但是好记性不如把它记录下来，因此今天有兴在这里总结了一下，各位不要见笑哦！ JQuery实际上就是对js的一个封装我认为，是一个JavaScript函数库，此函数库主要包括的有： ~Html元素选取 ~Html元素操作 ~CSS操作 ~HTML时间函数 ~JavaScript特效和动画 ~HTML DOM遍历和修改 ~Ajax ~Utilities 在使用JQuery的过程中，怎样使用呢，首先要向页面中添加JQuery库 JQuery库位于js文件中，可以通过下面的标记将把JQuery添加到网页中 <head> <script type="text/javascript" src="jquery.js"></script><!--注意一定要放到head标签中> </head> 引入了库，下面就是一些简单的用法了，首先来记录几个简单的常用的实例。 1.JQuery的hide（）函数，隐藏了html文档中的所有元素 <html> <head> <script type="text

jQuery入门

阅读更多关于 jQuery入门

jQuery是什么说白了jQuery是一个js库当然了除了这个库之外，我们还有跟多的库，比如：Prototype、YUI、Dojo、Ext JS、移动端的zepto等目的就简洁的，快速的开发学习jQuery本质：就是学习调用这些函数（方法）。 1.jQuery的优点轻量级。核心文件才几十kb，不会影响页面加载速度。跨浏览器兼容，基本兼容了现在主流的浏览器。链式编程、隐式迭代。对事件、样式、动画支持，大大简化了DOM操作。支持插件扩展开发。有着丰富的第三方的插件，例如：树形菜单、日期控件、轮播图等。免费、开源。 2.jQuery如何使用呢？首选你要去下载在你的scrpit标签中（末尾）引入这个文件，当然了你也可以在加载的时候在页面头部引入,比如你使用windows.load.....，不过在jquer中有更好的解决方案最简单的使用 $('div').hide(),//隐藏盒子特别要说明的一点是：jQuery有一些兼容的小问题，但.....你不用去管它 3.正式的开始使用它 3.1入口函数这个就是一个人入口函数，相当于 DOMContentLoaded等待dom结构加载完再去执行js代码 // 第一种: 简单易用。 $(function () { ... // 此处是页面 DOM 加载完成的入口 }) ; // 第二种: 繁琐，但是也可以实现 $

认识JQuery

阅读更多关于认识JQuery

JQuery库可以通过一行简单的标记被添加到网页中。它是一个JavaScript函数库。包含的功能有：　　HTML元素选取　　HTML元素操作　　CSS操作　　HTML事件函数　　JavaScript特效和动画　　HTML DOM遍历和修改　　AJAX 　　Utilities 引入jQuery 　　在网页中添加jQuery 　　　　从jquery.com下载JQuery库　　　　从CDN中载入jQuery，如从Google中加载jQuery 　　　　　　百度和新浪的服务器中：http://libs.baidu.com/jquery/1.10.2/jquery.min.js 　　　　　　谷歌和微软的服务器中：http://ajax.googleapis.com/ajax/libs/jquery/jquery.min.js 　　版本介绍　　　　v1.11.1：1.x支持IE6+ 　　　　v2.1.1 ：2.x支持IE9+ 基本语法：$(selector).action() 　　　　　如：$(this).hide()-隐藏当前元素　　　　　　　$("p").hide()-隐藏所有段落来源： https://www.cnblogs.com/nana135/p/6374554.html

阅读更多关于 jQuery特效

jQuery特效 jQuery给我们提供了很多特效函数，实现起来也比较简单在这里简单介绍几个jQuery的特效函数 1.show() , hide() 这两个特效是隐藏和显示。在触发这两个函数时，会将HTML元素从左上角隐藏或者显示语法： $(selector).hide(speed,callback) $(selector).show(speed,callback) 参数： speed：毫秒，也可以传入slow或者fast 回调函数：特效结束以后执行的函数 $ ( "#btn1" ) . click ( function ( ) { $ ( "#div1" ) . hide ( 1000 , function ( ) { alert ( "div隐藏" ) } ) } ) $ ( "#btn2" ) . click ( function ( ) { $ ( "#div1" ) . show ( 1000 , function ( ) { alert ( "div显示" ) } ) } ) 2.fadeIn(), fadeOut(), fadeTo() 淡入淡出效果 fadeIn() $(selector).fadeIn(speed,callback) 淡入元素，默认透明度有0向1变化参数： speed：毫秒，也可以传入slow或者fast（可选）回调函数

JQuery

阅读更多关于 JQuery

目录 1. jQuery介绍 2. 下载jQuery 3. 基础语法 4. 文档就绪事件 5. jQuery选择器 6. 判断是否选择到了元素 7. jQuery样式操作 8. jQuery事件 9. 文档/窗口事件 10. 获取内容和属性 11. 改变内容和属性 12. jQuery效果 13. jQuery动画 14. jQuery获取表单数据 15. jQuery正则 16. AJAX jQuery:http://www.runoob.com/manual/jquery/ jQuery是一个JavaScript函数库。 jQuery是一个轻量级的"写的少，做的多"的JavaScript库。 jQuery库包含以下功能： - HTML 元素选取 - HTML 元素操作 - CSS 操作 - HTML 事件函数 - JavaScript 特效和动画 - HTML DOM 遍历和修改 - AJAX 异步加载 1. jQuery介绍 jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。 jQuery的版本分为1.x系列和2.x、3.x系列，1.x系列兼容低版本的浏览器，2.x、3.x系列放弃支持低版本浏览器，目前使用最多的是1.x系列的

jQuery 基础

阅读更多关于 jQuery 基础

# JQuery简介 {ignore} [toc] ## 什么是JQuery？ 1. JQuery是一个JavaScript函数库 2. JQuery是一个轻量级“写的少，做的多”的JavaScript库 3. JQuery库包含以下功能： HTML元素获取 HTML元素操作 CSS操作 HTML事件函数 JavaScript特效和动画 HTML DOM遍历和修改 AJAX、Utilities ## JQuery语法 JQuery语法是通过选取HTML元素，并对选取的元素执行某些操作。基础语法：$(selector).action() 美元符号定义JQuery、选择符(selector)“查询”和“查找”HTML元素、JQuery的action()执行对元素的操作 ## 文档就绪函数 1. $(document).ready(function (){这个里面写JQuery代码}) 2. $(function(){这个里面写JQuery代码}) ## JQuery事件页面对不同访问者的相应叫做事件。事件处理程序指的是当HTML中发生某些事件时所调用的方法。常见的DOM事件： 1. 鼠标事件 click、dblclick（双击改变样式）、mouseenter（当鼠标放在这个元素上）、mouseleave 2. 键盘事件 keypress、keydown、keyup 3.

jquery基本语法使用、总结笔记

阅读更多关于 jquery基本语法使用、总结笔记

初识jQuery jQuery简介什么是jQuery？ jQuery是一个优秀的JavaScript库，是一个凭借简洁的语法和跨平台的兼容性，极大地简化了JavaScript开发人员遍历HTML文档，操作DOM，执行动画和开发Ajax的操作。jQuery封装了很多预定义的对象和函数。其理念：write less,do more. 常见的javascript库? Prototype:是最早成型的JS库之一，对于JS的内置对象做了大量的扩展。 Do jo：提供了很多奇特JS库没有提供的功能。例如：离线存储的API，生成图标的组件等等。 YUI：是由Yahoo公司开发的一套完备的，扩展性良好的富交互网页程序工作集。 Ext JS：原本是对YUI的一个扩展，主要用于创建前端用户界面。 Moo Tools：是一套轻量、简洁、模拟化和面向对象的JS框架。 jQuery：同样是一个轻量级的库，拥有强大的选择器等更多优点，吸引了更多开发者去学习使用它。 jQuery的特性 jQuery能做以下事情： HTML元素选取 HTML元素操作 CSS操作 HTML事件函数 JavaScript特效和动画 HTML DOM遍历和修改 AJAX Utilities jQuery的使用方式 1、下载后引入 < script src = "jquery-3.3.1/jquery-3.3.1.min.js" >

jquery常用的插件1000收集

阅读更多关于 jquery常用的插件1000收集

花N长时间积累的Jquery插件，希望大家喜欢。大家还有什么新的插件，请留言，我们一并收录。感谢大家的支持。 1. accordion类基于jQuery开发，非常简单的水平方向折叠控件。 Horizontal accordion: jQuery 热点图书：www.hotbook.cn jQuery-Horizontal Accordion 具有XBOX360 blade界面风格的水平方向Accordion。 jQuery-Horizontal Accordion jQuery plugin: Accordion 用于创建折叠菜单的jQuery插件。 jQuery plugin: Accordion 热点图书：www.hotbook.cn Accordion Menu script 基于 jQuery开发的可折叠菜单。 Accordion Menu script 热点图书：www.hotbook.cn jQuery.combobox jQuery.combobox 是一个采用jQuery开发的combobox控件，可以使用CSS控制该combobox的外观，可以设置各种不同风格的下拉动画效果。 jQuery.combobox 热点图书：www.hotbook.cn 2. AutoComplete jQuery插件易于集成到现在的表单中(Form)。 AutoComplete

23款 jQuery 图片特效插件

阅读更多关于 23款 jQuery 图片特效插件

　　jQuery是一个非常优秀的 JavaScript 框架，使用简单灵活，同时还有许多成熟的插件可供选择。其中，jQuery 最令人印象深刻的应用之一就是对图片的处理，它可以让帮助你在你的项目中加入各种精美的图片展示效果。下面向大家分享精心挑选的23款优秀 jQuery 图片特效插件，带给你美轮美奂的图片展示效果。 01. 3D Image Slider 非常非常酷的 3D 图片滑动效果，有五种绚丽的效果演示。在线演示下载源码 02. Portfolio Image Navigator 精致的图片导航效果，通过四个方向的箭头控制，适合作品展示的应用场合。在线演示下载源码 03. Image Transitions 非常精美的图片切换效果，有 Flip、Multi-flip、Rotation、Cube、Unfold 等特效。在线演示下载源码 04. Swish Zoom Hover Effect 这是一个非常时髦的鼠标悬停变换效果，给图片浏览增加特尔色。在线演示下载源码 05. 3D Gallery 特别推荐！精致的立体图片切换效果，特别适合企业产品展示，可立即用于实际项目中。在线演示下载源码 06. Elastic Image Slider 非常灵活的图片滑动效果，带有缩略图显示，也可以自动播放。在线演示下载源码 07. Bubble Slideshow

jQuery学习-w3cschool-(1)jQuery 教程

阅读更多关于 jQuery学习-w3cschool-(1)jQuery 教程

一、jQuery 简介 (1) 使用 Google 的 CDN引入jQuery库： <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs /jquery/1.4.0/jquery.min.js"></script> </head> (2) 使用 Microsoft 的 CDN引入jQuery库： <head> <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery /jquery-1.4.min.js"></script> </head> (3) jQuery 库包含以下特性： HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities 二、jQuery 语法 (1)基础语法： jQuery 语法是为 HTML 元素的选取编制的，可以对元素执行某些操作。基础语法是： $(selector).action() $定义 jQuery 选择符（selector） “查询”和“查找” HTML 元素 jQuery 的 action()

订阅 jquery特效