Quantcast
Channel: 程序猿的那点事 » jquery
Browsing latest articles
Browse All 16 View Live

谈谈 jQuery 中的防冲突(noConflict)机制

许多的 JS 框架类库都选择使用 $ 符号作为函数或变量名,jQuery 是其中最为典型的一个。在 jQuery 中,$ 符号只是 window.jQuery 对象的一个引用,因此即使 $ 被删除,window.jQuery 依然是保证整个类库完整性的坚强后盾。jQuery 的 API 设计充分考虑了多框架之间的引用冲突,我们可以使用 jQuery.noConflict 方法来轻松实现控制权的移交。...

View Article



Image may be NSFW.
Clik here to view.

使用Javascript/jQuery将javascript对象转换为json格式数据

Javascript自带的eval()函数能够将json数据转换成Javascript对象。但是,却没有提供将Javascript对象序列化为json格式的函数。 var json = ‘{“name”:”John”}’; var obj = eval( ‘(‘ + json + ‘)’ ); alert( obj.name );...

View Article

jQuery中bind和live的区别

live方法是bind方法的变种,其基本功能就同bind方法的功能是一样的,都是为一个元素绑定某个事件,但是bind方法只能给当前存在的元素绑定事件,对于事后采用JS等方式新生成的元素无效,而live方法则正好弥补了bind方法的这个缺陷,它可以对后生成的元素也可以绑定相应的事件。...

View Article

Image may be NSFW.
Clik here to view.

帮助你实现移动设备上的拖拽刷新功能的javascript类库 – hook.js

hook.js是一个帮助你实现类似移动设备上拖拽刷新页面功能的javascript类库。 使用非常简单,代码如下: <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> <link...

View Article

如何使用jquery动态加载js,css文件

$.extend({ includePath: ”, include: function(file) { var files = typeof file == ”string” ? [file]:file; for (var i = 0; i < files.length; i++) { var name = files[i].replace(/^\s|\s$/g, ”"); var att...

View Article


jquery–各种小技巧集合

1.获得所有选中的checkbox的方法 //根据传入的checkbox的name获得所有checkbox选取的的值 function addMem(names){ var allNames=0; $("input[name='"+names+"']").each(function(){ if($(this).attr("checked")=="checked"){ if(allNames==0){...

View Article

Image may be NSFW.
Clik here to view.

9 个单页面网站开发必备 jQuery 插件

单页面网站作为简单快捷,易于维护的页面设计方案,越来越受到工作室,作品集,或者个人博客类网站用户的青睐,我们可以使用不同的特效来使得页面更加的丰富和炫动,今天我们将介绍几款可以作为单页面开发的jQuery插件,帮助大家快速简便的实现一个单页面的网站设计,希望大家喜欢! jQuery one page nav...

View Article

jQuery选择器的灵活用法

jQuery中选择器很强大,可以根据元素名称、ID、class等多种方式进行选择, <ul id=”id”> <li> <div> nihao <div> china!!! </div> </div> </li> </ul> $(“div”), 选则所有div元素...

View Article


使用jQuery Ajax功能的时候需要注意的一个问题

最近发现jQuery越来越火,用它的人也越来越多。jQuery最强大的亮点莫过于它的CSS3 selector和极其简单的Ajax请求调用。 最近一哥们在做一个Ajax长连接的项目,页面需要和服务器保持长连接,而且在连接超时后需要重新请求连接,过程中他问我要用到什么,我也是想都没想就告诉他用jQuery。jQuery不是有ajaxSuccess...

View Article


Image may be NSFW.
Clik here to view.

优秀的响应式 jQuery 滑块插件 – iView Slider

iView Slider 是一款优秀的 jQuery 滑动插件,用于实现文本、图片、视频等各种网页内容的滑动功能。iView Slider 支持响应式布局,能够很好的运行于触屏设备中。iView Slider 内置35种很炫的过渡效果(Transition Effects),能够帮助你制作出各种各样的滑动效果。     iView Slider...

View Article

Image may be NSFW.
Clik here to view.

最佳6款用于移动网站开发的 jQuery 图片滑块插件

随着智能手机的普及,越来越多的用户喜欢通过手机中浏览网页。今天这篇文章为大家推荐最佳6款用于移动应用的 jQuery 图片滑块插件,这些插件很好的处理了触屏事件,效果平滑,帮助你构建用户体验良好的移动网站。 PhotoSwipe PhotoSwipe 是一款免费的 jQuery 图片库插件,支持 iPhone, iPad, Android, Blackberry 等各种移动设备。 Mobile...

View Article

HTML 5 的自定义 data-* 属性和jquery的data()方法的使用

人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是,你不知道将来会不会有其它脚本把你的自定义属性给重置掉,此外,你这样做也会导致html语法上不符合Html规范,以及一些其它副作用。这就是为什么在HTML5规范里增加了一个自定义data属性,你可以拿它做很多有用的事情。...

View Article

Image may be NSFW.
Clik here to view.

用JQuery Mobile做HTML5移动应用的三个优缺点

在过去大约一个月的时间里,我一直在使用JQuery Mobile为一个健身培训网站开发基于HTML5的手机/平板前端应用。我之前曾经写过Android和iOS应用程序(分别用Java和Objective-C),因此只要编写一段基础代码就可以在主流平台上运行并能够快速地用HTML和JavaScript迭代,这样的许诺十分诱人。 JQuery Mobile & HTML5...

View Article


javascript图片预加载技术

比onload更快获取图片尺寸 lightbox类效果为了让图片居中显示而使用预加载,需要等待完全加载完毕才能显示,体验不佳(如filick相册的全屏效果)。javascript无法获取img文件头数据,真的是这样吗?本文通过一个巧妙的方法让javascript获取它。 这是大部分人使用预加载获取图片大小的例子:   01 02 03 04 05 06 07 08 09 10 11 12 var...

View Article

Image may be NSFW.
Clik here to view.

超赞!使用CSS和JQUERY创建WIN8风格的3D动画

扁平化设计现在这么火,不保证你接下来的项目不会遇到,但是你有木有想过,可能你设计出来的页面,有时候前端同学却难以实现呢?...

View Article


Image may be NSFW.
Clik here to view.

JQuery实现Excel表格呈现

1.jQuery.sheet 插件简介:jQuery.sheet 是一个用于创建 Web 电子表格的 jQuery插件,其功能及界面风格和微软的 Excel 非常相似,可以根据需要重新定义布局,重新样式化需要的风格。 下载地址:http://jqueryplugins.weebly.com/jquerysheet.html 2.csv2table...

View Article
Browsing latest articles
Browse All 16 View Live


Latest Images