Jquery4

w3s例子http://www.w3school.com.cn/jquery/event_keyup.asp

Jquery插件

http://www.cnblogs.com/afuge/archive/2013/07/03/3169048.html

什么是cookie：在http通信中，数据是无状态的，即无法在通信中识别请求用户，于是在客户端浏览器中按照键值对的格式存储一段字符串信息，可以进行状态识别
插件：jquery.cookie.js
写：$.cookie(‘key‘,‘value’}
读：$.cookie(‘key‘);
示例：实现“上次访问时间”功能
当前时间的字符串：new Date().toLocaleString()

放大镜

引入css
引入jquery、zoomcore
设置图片及超链接： <a class="t1" href="images/main_big.jpg"><img src="images/main.jpg" /></a>
编写脚本：$(‘.t1‘).jqzoom();
更多配置参数见备注

其他插件

jquery UI插件
jquery easyUI插件
演示：webQQ桌面
d3.js：http://d3js.org/
Webgl：http://www.oschina.net/news/26547/webgl-chrome

时间： 2024-08-25 17:42:34

Jquery4的相关文章

夺命雷公狗jquery---4内容选择器

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test</title> <script src="js/jquery.js" ></script> <script> window.onload = function(){ document.getElementById('btnok').

JavaScript之jQuery-4 jQuery事件(页面加载后执行、事件处理、事件冒泡、事件对象、模拟操作)

一.jQuery 页面加载后执行 代码执行的时机选择 - $(document).ready()方法和 window.onload事件具有相似的功能,但是在执行时机方面是有区别的 - window.onload 事件是在网页中所有的元素(包括元素的所有关联文件)完全加载到浏览器后才执行 - $(document).ready()方法注册的事件处理程序,在DOM完全加载后就可以调用 - 一般来讲, $(document).ready()的执行要优于window.onload事件 - 需要注意的是,

Web开发技术&mdash;&mdash;JQuery4（隐藏和显示、淡入和淡出）

隐藏.显示.切换,滑动,淡入淡出,以及动画,哇哦! JQuery隐藏和显示 实例 jQuery hide() 演示一个简单的 jQuery hide() 方法. jQuery hide() 另一个 hide() 演示.如何隐藏部分文本. jQuery hide() 和 show() 通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素: $("#hide").click(function(){ $("p").hide();

2015-10-12 jQuery4

十. 直接获取.编辑内容 1.获取内容 alert($("#d1").text());    //获取文本内容 alert($("#d1").html());   //获取文本和标签的内容 设置内容: $("#d1").text("中国你好"): $("#d1").html("<h1>你好</h1>"); 2.移动和复制元素 $("p").ap

jQuery-4.动画篇---jQuery核心

jQuery中each方法的应用 jQuery中有个很重要的核心方法each,大部分jQuery方法在内部都会调用each,其主要的原因的就是jQuery的实例是一个元素合集 如下:找到所有的div,并且都设置样式,css只是一个方法,所以内部会调用each处理这个div的合集,给每个div都设置style属性 $('div').css(...) jQuery的大部分方法都是针元素合集的操作,所以jQuery会提供$(selector).each()来遍历jQuery对象 .each只是处理jQ

jQuery-4.动画篇---动画基础隐藏和显示

jQuery中隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置css的display为none属性.但是通过css直接修改是静态的布局,如果在代码执行的时候,一般是通过js控制元素的style属性,这里jQuery提供了一个快捷的方法.hide()来达到这个效果 $elem.hide() 提供参数: .hide( options ) 当提供hide方法一个参数时,.hide()就会成为一个动画方法..hide()方法将会匹配元素的宽度,高度,以及不透明度,同时进行动画操作 快捷参数

jQuery-4.动画篇---自定义动画

jQuery中动画animate(上) 有些复杂的动画通过之前学到的几个动画函数是不能够实现,这时候就需要强大的animate方法了 操作一个元素执行3秒的淡入动画,对比一下2组动画设置的区别 $(elem).fadeOut(3000) $(elem).animate({ opacity:0 },3000) 显而易见,animate方法更加灵活了,可以精确的控制样式属性从而执行动画 语法: .animate( properties ,[ duration ], [ easing ], [ com

jQuery-4.动画篇---上卷下拉效果

jQuery中下拉动画slideDown 对于隐藏的元素,在将其显示出来的过程中,可以对其进行一些变化的动画效果.之前学过了show方法,show方法在显示的过程中也可以有动画,但是.show()方法将会匹配元素的宽度,高度,以及不透明度,同时进行动画操作.这里将要学习一个新的显示方法slideDown方法 .slideDown():用滑动动画显示一个匹配元素 .slideDown()方法将给匹配元素的高度的动画,这会导致页面的下面部分滑下去,弥补了显示的方式 常见的操作,提供一个动画是时间,然

jQuery-4.动画篇---淡入淡出效果

jQuery中淡出动画fadeOut 让元素在页面不可见,常用的办法就是通过设置样式的display:none.除此之外还可以一些类似的办法可以达到这个目的.这里要提一个透明度的方法,设置元素透明度为0,可以让元素不可见,透明度的参数是0~1之间的值,通过改变这个值可以让元素有一个透明度的效果.常见的淡入淡出动画正是这样的原理. fadeOut()函数用于隐藏所有匹配的元素,并带有淡出的过渡动画效果 所谓"淡出"隐藏的,元素是隐藏状态不对作任何改变,元素是可见的,则将其隐藏. .fad