jQuery的链式调用浅析

2017年02月06日 22 阅读

jQuery式的方法链核心部分是三点： 1）jquery的包装器函数（也就是jQuery（）,以此来构建包装器对象）,以此构造函数可以产生饱含了原生DOM对象的包装器对象。 它大概是这个样子的…（当然跟官方库的规模跟功能以及实现方式都差很多，我只是写了个大概的实现方式）： 呃…………我的失误,请大家如果有兴趣尝试下代码记得不要引入jQuery库，命名冲突了 复制代码 代码如下: （function（）{ //简化起见不支持子类选择器属性选择器等等,只接受形...

浅析jQuery的链式调用之each函数

2017年02月06日 23 阅读

话说回来，虽然jQuery让学习前端技术的越来越多了起来，（本人就是因为学校图书馆偶然间遇到了一本jQuery基础教程（二）开始想深入的学习前端技术），关于jQuery的博文甚至多于javascript,它让编程的门槛大大的降低了，但是它隐藏了太多细节了，形如$（"#id"）.append（"<p>xxx</p>"）.clone（）.appendTo（x）.end（）.css（...）................这样操作的模式已...

jQuery学习笔记[1] jQuery中的DOM操作

2017年02月06日 23 阅读

DOM分为3个方面,即DOM Core,HTML-DOM,CSS-DOM. 1,DOM Core并不专属于JavaScript,任何一种支持DOM的程序设计语言都可以使用它. JavaScript中的getElementById（）,getElementsByTagName（）...等方法. 例如:使用DOM Core来获取表单对象的方法: document.getElementsByTagName（"form"）; 2,HTML-DOM. 在使用Java...

Web开发者必备的12款超赞jQuery插件

2017年02月06日 24 阅读

现在的jQuery插件很多，尽可以根据您 的项目要求来选择，不过也有一些插件很好用，几乎各种项目都能够用得上。这里就为您介绍12款开发中最常用的jQuery插件。 1. jQuery BBCode Editor 下载地址：http://www.w3theme.com/jquery-bbedit/ Bbcode简单易用，它是BBS、论坛、Blog等网络应用上的一种常用输入语法。jQuery BbCode Editor提供自定义设置，可以打造出很个性化...

基于jquery的finkyUI插件与Ajax实现页面数据加载功能

2017年02月06日 25 阅读

复制代码 代码如下: <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/json.js"></script> <script type="text/javascript" src="js/jquery.funkyUI.js"></script&g...

基于jQuery的左右滚动实现代码

2017年02月06日 20 阅读

两个div。 一个div为固定宽度 。在次div中内嵌一个div ，这个为数据列。 复制代码 代码如下: <div class=”box”> <div class=”box-li”> <ul> <li>数据2</li> <li>数据2</li> <li>数据2</li> <li>数据2</li> <li>数据2&l...

解决jquery的.animate（）函数在IE6下的问题

2017年02月06日 23 阅读

在项目里面实现左的菜单折叠显示的效果，这个在软件界面里是常见的（本来到网上copy一段代码也就了事了，估计写的比我都好，但学习嘛，就要有学习的精神^^！）, 我是用.animate（）去实现隐藏展开的，代码如下： 复制代码 代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi...

统计出现最多的字符次数的js代码

2017年02月06日 23 阅读

应用正则表达式的全局匹配，可以匹配出字符出现的次数，比较这些次数，将最大的保存并返回。代码如下： 复制代码 代码如下: var countMost = function（str）{ if（！str） return; var _count = 0, _temp = 0, _reg, _char; for（var i=0; i<str.length; i++）{ _reg = new RegExp（str.charAt（i）, "g"）; _temp =...

javascript innerHTML使用分析

2017年02月06日 24 阅读

空格处理当在DIV中输入"a[任意个空格]a" HTML呈现在Chrome和IE下是一样的：只显示一个空格。innerHTML属性IE还是两个a加一个空格， Chrome则是原始输入的样子。 回车当在DIV中输入"a[回车][任意个空格]a"时，HTML呈现Chrome和IE是一样的。innerHTML属性IE是3个字符，在两个a中间加了个空格。 Chrome则是原始输入的样子，将回车解析为 。 HTML标记当在DIV中输入"a<Br>a" H...

高效的表格行背景隔行变色及选定高亮的JS代码

2017年02月06日 23 阅读

这段JS放在head中 复制代码 代码如下: //点击当前选中行的时候设置当前行的颜色，同时恢复除当前行外的行的颜色及鼠标事件 function selectRow（target） { var sTable = document.getElementById（"ServiceListTable"） for（var i=1;i<sTable.rows.length;i++） //遍历除第一行外的所有行 { if （sTable.rows[i] ！= t...

jQuery）扩展jQuery系列之一 模拟alert，confirm（一）

2017年02月06日 23 阅读

效果图 全部代码 复制代码 代码如下: /** * @author xing */ （function（$）{ $.extend（{ alert:function（html,callback）{ var dialog=new Dialog（）; dialog.build（"alert",callback,html）; }, confirm:function（html,callback）{ var dialog=new Dialog（）; dialog.bu...

悄悄用脚本检查你访问过哪些网站的代码

2017年02月06日 23 阅读

打开它的“页面源文件”，你能找到一段加密过的JS脚本： 复制代码 代码如下: function ypol（）{ //K是一个对象，实际上是一个数组。存了一堆加密过的pr*n站链接。 var k={0:"qpsoivc/dpn",1:"sfeuvcf/dpn",2:"bevmugsjfoeg joefs/dpn",3:"ywjefpt/dpn",4:"uvcf9/dpn",5:"yoyy/d pn",6:"nfhbqpso/dpn",7:"nfhbspujd...

本地对象Array的原型扩展实现代码

2017年02月06日 23 阅读

复制代码 代码如下: Array.prototype.del=function（）{ var b={},c,i=0,l=this.length,j; for（;i<l;i++）{ c=this.shift（）; c in b ？ b[c]++ : b[c]=0; } for（j in b）{ if（b[j]>0）this.push（+j||j）; } return this; } var a=[1,2,2,3,3,3,"a","b","b"];...

script标签的 charset 属性使用说明

2017年02月06日 21 阅读

定义和用法 charset 属性规定在外部脚本文件中使用的字符编码。 如果外部文件中的字符编码与主文件中的编码方式不同，就要用到 charset 属性。 默认的字符编码是 ISO-8859-1。 src 和 charset 属性 对特别长的 JavaScript 程序或者经常重复使用的程序来说，你可以希望将这些代码存放到一个单独的文件中。在这样的情况下，让浏览器通过 src 属性来载入那个单独的文件。 src 的值是包含这个 JavaScript 程序的文...

收集的一些Array及String原型对象的扩展实现代码

2017年02月06日 19 阅读

从无忧脚本收集过来的，有些的确还不错，比较实用，值得收藏一下。 扩展Array的原型对象的方法 复制代码 代码如下: // 删除数组中数据 Array.prototype.del = function（n） { if （n<0） return this; return this.slice（0,n）.concat（this.slice（n+1,this.length））; } // 数组洗牌 Array.prototype.random = func...

js对象的构造和继承实现代码

2017年02月06日 22 阅读

复制代码 代码如下:<script> //定义js的user对象 function User（name,age）{ this.name=name, this.age=age, this.getName=function（）{ return this.name; }, this.getAge=function（）{ return this.age; } } //实例化一个对象 var use=new User（"aa",21）; alert（us...

使用JS进行目录上传（相当于批量上传）

2017年02月06日 23 阅读

复制代码 代码如下:<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-...

Colortip基于jquery的信息提示框插件在IE6下面的显示问题修正方法

2017年02月06日 22 阅读

今天又回顾了一下这个插件，然后发现它在IE6下面工作的时候，显示起来是不正常的，tip经常出现在很离谱的位置。问题还有，由于tip的显示效果没有用到任何图像，都是纯的CSS，所以里面用CSS实现的三角形在IE6下是无法工作的，会显示一块有色区域，很丑，所以我就想动手改它一下。先上一张对比图好了： js方面的代码肯定是没问题的，问题出CSS上，Colortip用的是position进行定位，在IE6下面可能存在着一点问题。而且由于IE6不支持border-c...

jquery提升性能最佳实践小结

2017年02月06日 21 阅读

将jquery对象缓存起来在 for循环中，不要每次都要访问数组的length属性，我们应该先将对象缓存进一个变量然后再操作，如下所示： 复制代码 代码如下: var myLength = myArray.length; for （var i = 0; i < myLength; i++） { // 要做的事 } 在循环外使用append 进行DOM操作是有代价的，如果需要往DOM中添加大量元素，你应该一次批量完成，而不是一次一个。 复制代码 代码...

2010年最佳jQuery插件整理

2017年02月06日 24 阅读

在2010年，JavaScript框架继续日渐普及，这使得大量的插件被开发出来。满目琳琅，难以选择心头之好。WDL的作者从大量的优秀jQuery插件精心筛选出一些对Web Designers有帮助的和具备非常不错的视觉效果的Best of the best。 2010年最佳jQuery插件（排名不分先后）：Nivo Slider一个加载设置拥有9种过度效果的超级smooth slider，它还支持如链接图像和键盘导航等内容。Quicksand通过一个非常不...