最新28个很棒的jQuery 教程

2016年07月27日 6 阅读

学习使用 jQuery 创建一个确认对话框学习如何制作一个自动变换的幻灯片如何制作带缩略图的全屏图片画廊学习使用 jQuery 制作立体效果的滑动相册学习使用 jQuery 制作谷歌圣诞涂鸦学习使用 jQuery 制作缩略图预览滑块学习如何制作可爱的预览图库学习使用 jQuery 制作带动画切换的表单学习使用 jQuery 制作作品缩放滑块学习使用 jQuery 制作气泡形的图片画廊学习使用 jQuery 制作有吸引力的照片效果学习使用 jQuery 制作...

Jquery css函数用法（判断标签是否拥有某属性）

2016年07月27日 6 阅读

判断一个层是否隐藏: 复制代码 代码如下:$（"#id"）.css（"display"）=="none" ;在所有匹配的元素中，设置一个样式属性的值: 复制代码 代码如下:$（"p"）.css（"color","red"）;把一个“名/值对”对象设置为所有匹配元素的样式属性。 这是一种在所有匹配的元素上设置大量样式属性的最佳方式 复制代码 代码如下:$（"p"）.css（{ color: "#ff0011", background: "blue" }）;如...

解读JavaScript代码 var ie = ！-[1,] 最短的IE判定代码

2016年07月27日 5 阅读

var ie = ！-[1,]； 这句代码在IE9之前曾被称为世界上最短的IE判定代码。代码虽短但确包含了不少javascript基础知识在里面。在这个例子中代码执行时会先调用数组的toString（）方法，执行[1,].toString（）在IE6,7,8中将会得到“1,”。然后表达式就变为！-“1,”。再尝试把“1，”转换成数值类型得到NaN ,再对NaN取负得到值仍为NaN。最后执行！NaN返回true。下面通过分解这个语句来回顾下代码中所涉及到的...

在JavaScript中监听IME键盘输入事件

2016年07月27日 7 阅读

输入法应当如何触发键盘事件呢？是每一下击键都触发一次事件，还是选词完毕才触发事件呢？整句输入又该如何触发事件呢？不同的操作系统和不同的浏览器对此有不同的看法。在最糟糕的情况下，用户使用输入法后浏览器就只触发一次 keydown ，之后就没有任何的键盘事件了。这对于 Suggestion 控件的实现来说是个大问题，因为 Suggestion 控件需要监听文本输入框的变化，而事件是最准确也最节省计算资源的做法，如果换成轮询的话性能就可能受到影响。 首先，要监听...

js 静态动态成员 and 信息的封装和隐藏

2016年07月27日 6 阅读

静态动态成员 一下用面向对象的相关概念来解释js中的仿面向对象，因为js中不像其他语言，不存在面向对象语言的相关特性，但可以通过一些技巧来模仿面向对象。我用同样的概念来概述js的这些方仿面向对象的概念，因为他们的行为作用类似。 在js中有如下函数 复制代码 代码如下: function test（）{ var var_value; this.this_value; } 其中，var_value是静态成员，this_value是动态成员。 静态成员是关联到...

16个最流行的JavaScript框架[推荐]

2016年07月27日 5 阅读

1.jQuery – Javascript FrameworkjQuery 是最流行的 JavaScript 框架，它简化了HTML 文档遍历、事件处理、动画和Ajax交互。2.Dojo Javascript FrameworkDojo强大的核心使Web开发更加敏捷，它拥有出色的UI工具库，号称 Unbeatable JavaScript Tools。3.Sencha Ext JS4 JavascriptFramework官方介绍说是最先进的JavaScr...

JqGrid web打印实现代码

2016年07月27日 6 阅读

在IE9中打印没有问题，但IE6、7、8都会出现前几页空白的情况（只显示列头信息），找了很久，才发现是ui-jqgrid-bdiv样式类（在ui.jqgrid.css内）中的overflow引起的，在打印之前将其删除，打印之后将其恢复即可。 打印时的CSS样式如下： 复制代码 代码如下: <style type="text/css" media="print"> #accordion h3, #vcol, div.loading, div.ui...

在IE 浏览器中使用 jquery的fadeIn（） 效果 英文字符字体加粗

2016年07月27日 7 阅读

<div id="test" >fdsfsdf123</div> 如 $（"#test1"）.fadeIn（1000） test 中的英文字符在动画效果结束前会加粗 解决方法： 为test层设上背景颜色...

jQuery 源码分析笔记（4） Ready函数

2016年07月27日 5 阅读

这个功能在 jQuery的文档中提到了三种等价的形式： 复制代码 代码如下: // 定义在jQuery.fn.ready $（document）.ready（handler）; // 和上一个是同一个，不推荐 $（）.ready（handler）; // 单独在jQuery对象中处理 $（handler）; // 以上这个形式的定义： if（jQuery.isFunction（selector） { return rootjQuery.ready（sele...

精通Javascript系列之数值计算

2016年07月27日 6 阅读

更直观一点： --------------------- 例：var a=32.6; var b=67; var c=9e5; --------------------- 对于数值类型，如果希望转换为科学计数法，可以采用toExponential（）方法，该方法接受一个参数，表示要输出小数倍数： --------------------- 例： var a=78.9; alert（a.toExponential（1））; -----------------...

精通Javascript系列之Javascript基础篇

2016年07月27日 6 阅读

javascrpit的基本概念： 1）区分大小写 与JAVA一样，JS中的变量，函数，运算符以及其他的一切东西都是区分大小写的，例如：变量MyTag与MYTAG是两个不同的变量。 2）弱类型变更。所以谓弱类型变量指的是JS中变量无特定类型，不像C那样。定义变量只用“var"，并可以将其初始化为任意的值，这样就可以随便的改变变量所存储数据的类型，不般不推荐； 例：var age=25; var myName="zhangsan"; 3） 每行结尾的分号可有可...

精通Javascript系列之数据类型 字符串

2016年07月27日 46 阅读

js一共有9种数据类型，分别是：未定义（undefined）、空（null）、布尔型（boolean）、字符串（string）、数值（number）、对象（object）、引用（reference）、列表（completion）。其中后3种仅仅作为JS运行中间结果的数据类型，因此不能在代码中使用，下面先讲一下字符串String: 字符串由零个或者多个字符构成。字符可以包括字母、数字、标点符号和空格。字 符串必须放在单引号或双引号内： -----------...

jquery 跨域访问问题解决方法（笔记）

2016年07月27日 5 阅读

这两天需要实现三级域名直接url rewrite到网站静态页面，如 http://123.456.789.com/ UrlRewrite到http://www.789.com/news/123.html 说到这里，也许和js跨域访问没有半点关系，在脑海里排列这的问题都是和UrlRewrite相关的。好吧现在URLRewrite一切就绪，直接在浏览器地址栏中输入http://123.456.789.com/ 会发现，这个在地址栏直接通过http://www....

jQuery中的.bind（）、.live（）和.delegate（）之间区别分析

2016年07月27日 8 阅读

DOM树首先，可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子：事件冒泡（又称事件传播）当我们点击一个链接时，其触发了链接元素的单击事件，该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。复制代码 代码如下: $（"a"）.bind（"click",function（）{alert（"that tickles！"）}） 因此一个单击操作会触发alert函数的执行。click事件接着会向树的根方向传播，广播到...

jQuery 源码分析笔记（6） jQuery.data

2016年07月27日 5 阅读

data部分的代码从1381行开始。最开始的几行关键代码： 复制代码 代码如下: jQuery.extend（{ // 存储数据的地方，关键实现核心 cache: { }, // 分配ID用的seed uuid: 0, // 为了区别不同的jQuery实例存储的数据，使用前缀+jQuery版本号+随机数作为Key expando: "jQuery" + （jQuery.fn.jquery + Math.random（））.replace（/D/g, ""）...

10款新鲜出炉的 jQuery 插件（Ajax 插件，有幻灯片、图片画廊、菜单等）

2016年07月27日 5 阅读

1. Chrome Style jQuery Image Gallery一款用于实现漂亮的Chrome风格图片画廊的 jQuery 插件，在线演示2. Awkward Showcase使用这款插件可以实现各种内容的幻灯片展示效果，例如文本、图片、视频等等，在线演示3. Waypoints这款插件可以让你实现当滚动到某个目标元素的时候执行特定的动作，例如回到顶部，在线演示4. bxSlider这是一个内容滑块和图片幻灯片展示插件，可自定义很多参数，在线演示5...

基于jquery的无刷新分页技术

2016年07月27日 7 阅读

复制代码 代码如下: <script src="script/jquery-1.6.1.min.js" type="text/javascript"></script> <script type="text/javascript"> var index = 0; $（document）.ready（function （） { $.post（"Default5.aspx", { name: index }, functio...

读jQuery之一（对象的组成）

2016年07月27日 5 阅读

对于jQuery的写法甚是困惑，尤其在使用Prototype的$后，一度不能理解jQuery的$。对于现在前端同学来说，可能第一个接触的就是jQuery了，他们会觉得很习惯，很自然。至今电脑里还存放着当时的API文档，发个图感叹下在这段时间内，我的入门老师是墨墨，其实至今他仍然是我敬仰的同事之一。他的编程造诣很高，相信早已突破了编程语言的限制。在大家都在使用Prototype.js的时候，在jQuery尚未在国内流行的时候，他就已经把jQuery引入到项目...

读jQuery之二（两种扩展）

2016年07月27日 5 阅读

如下 复制代码 代码如下: jQuery.extend = jQuery.fn.extend = function（） { ... }; 我们可以用$.extend去扩展自定义的对象，如 复制代码 代码如下: var myself = {name:jack}; $.extend（myself, {setName: function（n）{this.name=n;} }）; myself.setName（"tom"）; 通过$.extend为对象myse...

读jQuery之三（构建选择器）

2016年07月27日 6 阅读

为了叙述每一篇的重点，其示例代码都是最精简的，比如选择器只能传HTMLElement和id。这篇我们增强下选择器，依据2/8原则，这里仅实现最常用的几种。1, 通过id获取,该元素是唯一的$（"#id"）2, 通过className获取$（".cls"） 获取文档中所有className为cls的元素$（".cls", el）$（".cls", "#id"）$（"span.cls"） 获取文档中所有className为cls的span元素$（"span.c...