您现在的位置:首页 --> 查看专题: jQuery
最近做前端,需要选择元素,虽说有jquery和各大js库已经帮我造好了轮子,但我想试试自己实现一个,正好项目也不忙,正好加入自己的js文件中,下面是实现代码。用$g(“#content .op”)这种格式就可以调用,和jquery $()的参数一样:
上传文件和图片是许多网站的一个常用功能,无论是让注册用户上传一个个人资料图片还是上传文件共享,都离不开上传程序,虽然有很多种实现方法,但要 让上传看起来更酷一点,如显示剩余时间,同时上传多个文件,以及使用拖放式操作,或上传功能更稳定一点,也许你就没招了,没关系,本文就为你介绍10个功 能强大,易于使用的Ajax jQuery文件上传程序,注意有些除了使用Ajax jQuery外,还结合了其它技术,如Flash。
请记住jQuery只是JavaScript。不要以为它有能力来补偿你糟糕的代码。这意味着,正如我们必须优化JavaScript for语句一样,我们必须优化jQuery的each方法。
jquery中有个grep()方法用于数组元素过滤筛选,悲剧的是,平时我们用的api文档中找不到这个说明。查看官方说明 grep()的使用方法: grep(array,callback,invert) array:待过滤数组; callback:处理数组中的每个元素,并过滤元素,该函数中包含两个参数,第一个是当前数组元素的值,一个是当前数组元素的下标,即元素索引值。此函数应返回一个布尔值。另外,此函数可设置为一个字符串,当设置为字符串时,将视为“lambda-form”(...
之前写过一篇日志,《js操作option》,趁着这次系统重构,怎么看原来的实现方式都不爽。因为页面中使用了jQuery,于是就想用jQuery把原方法重写一下。因此也就有了本篇日志:jQuery操作option。 js清空option 之前清空option ,我的做法是遍历现有option,将其每个子元素都置空即可。现在使用jQuery来实现,我们只需要调用其支持的empty方法即可。 empty() 删除匹配的元素集合中所有的子节点。 再加上,我们要设默认值,所以此处清...
在多人合作开发中一定要确保变量,对象,函数等命名不要冲突: 方法一:当别人使用了其他的js库,并该库使用了”$”变量,那么我们可以使用noConflict()方法: var j = jQuery.noConflict(); // Now, instead of $, we use j. j('#someDiv').hide(); // The line below will reference some other library's $ function. $('someDiv').style.display = 'none'; 方法二,把你的代码放...
在jQuery中监听document 是否 ready的操作
如果不了解javasrcipt中基本的DOM属性和方法的话,很容易滥用jQuery对象。比如: $('#someAnchor').click(function() { alert( $(this).attr('id') ); }); 如果你只是通过jQ对象获取简单的dom元素的属性比如id,那么你完全可以使用js原生的方法: $('#someAnchor').click(function() { alert( this.id ); }); 诸如“src,” “href,” 和“style.”等一些属性在老版本的ie中使用了getAttribute方法。
jQuery有非常强大的Sizzle引擎来实现选择器,jQuery做了优化,他们能很好的工作,你一般不必担心太多。然而,我们可以稍微做一些改进,将可以使你的脚本略有提高。 一般在jquery中能不要用Sizzle引擎就不要用,当然前面说了只要有可能,就尽量使用.find()方法。
前几天看到一篇文章《14 Helpful jQuery Tricks, Notes, and Best Practices》感觉很不错,非常时候我这种入门级的人员,所以看懂一条翻译一条, jQuery方法总是返回jQuery对象: 所以我们可以这样写(链式调用): $someDiv.attr('class', 'someClass').hide().html('new stuff'); 为了美观易读也可以这样写:
最近写了个回到顶部的插件,调用方法的 $(“.go-top”).goToTop({}); $(window).bind(‘scroll resize’,function(){ $(“.go-top”).goToTop({}); }); 当然可以传一些参数及参数的默认值: pageWidth:950,//页面宽度 pageWidthJg:10,//按钮和页面的间隔距离 pageHeightJg:50,//按钮和页面底部的间隔距离 startline:20,//出现回到顶部按钮的滚动条scrollTop距离 duration:200,//回到顶部的速度时间 ...
最近有网友在留言板里问到jRaiser和jQuery的冲突问题,特此写一篇文章进行解释。冲突的根源众所周知,jQuery是通过一个全局变量$来引用的,而jRaiser加载时也占用了$。因而冲突的根源就是全局变量$。说得明白点:当jQuery和jRaiser共存的时候,$究竟是谁?分析jQuery和jRaiser的源代码可以知道,这两个库在加载的时候都会占用$变量。因此,按照覆盖的原理,谁后加载,$变量就是谁。如何解决冲突别名法除了$,jQuery和jRaiser都占用...
一个对象有length属性,数字的下标,和一个splice方法,在firebug下用console.debug()方法就会输出一个数组。
很久之前就对jQuery.animate的实现非常感兴趣,不过前段时间很忙,直到前几天端午假期才有时间去研究。jQuery.animate的每种动画过渡效果都是通过easing函数实现的。jQuery1.4.2中就预置了两个这样的函数。。。
最近在做一个项目,其中有个UI要做成类似jQuery UI中Accordion的样子。但是Accordion在某一时刻只可以展开一个Panel,所以就改写了一下Accordion,让它可以同时展开多个Panel。
在firebug下面用console.debug($(‘a’))打印jQuery()返回值时,会发现控制台输出是一个数组,但我们知道jQuery()返回的确实一个对象,只不过这个对象有length属性和数字的下标,最重要的是还有一个splice方法。只要满足这三点,就会在控制台输出一个数组。自己建了个例子模拟一下。
最近在做系统的时候,遇到了一个瓶颈,即在列出所有素材的列表列表的时候,由于素材都是swf或者jpg,结果几百个文件的时候,就会导致页面加载极慢,老大说让做成异步加载,于是就改了一下。注:本人js很差,献丑了……
其实这种异步加载元素的方式无非就是在原有的HTML上置一个标记,然后等最新的数据到来的时候替换掉它。
在网上搜了一下,很多人推荐一个叫做jquery.lazyload.js的插件,能够支持图片的异步加载,使用方法也比较简单。
其实这种异步加载元素的方式无非就是在原有的HTML上置一个标记,然后等最新的数据到来的时候替换掉它。
在网上搜了一下,很多人推荐一个叫做jquery.lazyload.js的插件,能够支持图片的异步加载,使用方法也比较简单。
很久之前就对jQuery.animate的实现非常感兴趣,不过前段时间很忙,直到前几天端午假期才有时间去研究。 jQuery.animate的每种动画过渡效果都是通过easing函数实现的。
最近有网友在留言板里问到jRaiser和jQuery的冲突问题,特此写一篇文章进行解释。冲突的根源众所周知,jQuery是通过一个全局变量$来引用的,而jRaiser加载时也占用了$。因而冲突的根源就是全局变量$。说得明白点:当jQuery和jRaiser共存的时候,$究竟是谁?分析jQuery和jRaiser的源代码可以知道,这两个库在加载的时候都会占用$变量。因此,按照覆盖的原理,谁后加载,$变量就是谁。如何解决冲突别名法除了$,jQuery和jRaiser都占用...
jQuery滑块及图像画廊技术的在网站首页或组合页中的使用日渐普及。自去年以来,高质量的滑块及图像画廊技术教程和插件又发布了很多,于是我们再次收集了若干个优秀的实现教程。这里发布的是25个jQuery滑块(13个教程和12款插件),希望能助您提高工作效率。
近3天十大热文
- [54] IOS安全–浅谈关于IOS加固的几种方法
- [53] Oracle MTS模式下 进程地址与会话信
- [52] 如何拿下简短的域名
- [51] android 开发入门
- [50] 图书馆的世界纪录
- [49] 【社会化设计】自我(self)部分――欢迎区
- [46] Go Reflect 性能
- [45] 读书笔记-壹百度:百度十年千倍的29条法则
- [42] 视觉调整-设计师 vs. 逻辑
- [39] 界面设计速成
赞助商广告