不过随着新版本的升级, 体积也慢慢变大了.24KB, Minified and Gzipped 155KB, Uncompressed Code压缩并gzip输出24K, 也不小了.如果页面上一个简单的效果,一个简单的动画就没必要载入这么大的库.看下面这个图片渐变效果, 其实纯js不到20行就可以搞定了.body {padding:0; margin:0;} #main {margin: 50px auto;border: 1px solid #ccc;width:700px} #main img {padding:0 20px; border:none; display:none}(function() {var imgs = d...
代码如下: function include(path){ var a=document.createElement("script"); a.type = "text/javascript"; a.src=path; var head=document.getElementsByTagName("head")[0]; head.appendChild(a); } include("http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js") 这样的脚本你在ie8下调用，在ie8地址栏下按下回车后调用jquery的对像、方法什么的没有问题，但是刷新之后就有问题。就是刷新之后无论怎样你要在地址栏按一...
需求是, 同一个页面, 有多组(不固定), 每组区块数量不一定一样的小区块. 要求每次只展开一个区块. 实现原理其实很简单, 点击导航, 若它的区块为隐藏, 则展开它, 同时, 隐藏掉同组其他区块; 若它的区块为展开, 则隐藏它, 同时, 展开同组其他区块中的一个. 一开始以为仅仅简单的两个遍历就能搞定. 但事实并非如此. 冷静思考了下, 通过点击的元素取到当前组的相关元素, 再单独处理当前组才合理. 顺着这个思路, 功能终于实现了, 写了原...
在之前的基础上，添加方向键左右支持。 在实际工作中，我们会碰到这样一个情况。在页面中显示着100个数据，同时用户还希望他可以更改其中的数据，普通的方式可能如下，这种方式会出现一个问题，就是页面显示的时候有点慢，同时如果有滚动条的话，会有些卡。下面给出我的一个解决方法，显示的时候全是td的，没有input标签，如下当你点击其中一个td时，就会出现下面这样当你点击td的时候，会在td动态加入一个input同时把td的值赋给in...
回到正题，如jQuery般易用的api风格？那到底是什么样的风格呢？个人觉得比较重要的有两点，一是对dom操作的链式调用，并且都呈队列状态，不仅仅使代码的可读语义变得通俗易懂，而且省去了对同一dom元素的多个链式操作时的回调中嵌回调的方式，这是很重要的一点。 二是对元素的批量操作，这是建立在它强大的选择器上的。jq选择器很强大，这是人所众知的，就不多说了。而且肯定也不是一两天就能实现的了的，所以下面就对我所说的这两...
jQuery 使用名为 noConflict() 的方法来解决该问题。 var jq=jQuery.noConflict()，帮助您使用自己的名称（比如 jq）来代替 $ 符号。 示例: 代码如下: var jq=jQuery.noConflict(); jq(document).ready(function(){ jq("button").click(function(){ jq("p").hide(); }); }); This is a heading This is a paragraph. This is another paragraph. Click me JavaScript教程/参考手册 JavaScript热搜 Vue利用ca...
js,jQuery 排序的实现: 重点: 想要实现排序,最简单的方法就是 先把标签用jQuery读进对象数组 用js排序好对象数组 (针对对象数组进行排序, 不要试图直接对网页的内容进行直接更改) 用对象数组内容覆盖网页上的标签数组; //排序从文字短的到长的 代码如下: //排序从文字短的到长的 var arr_a=new Array(); var i=0; $(".type_list_txt > span:contains(T恤)").parent().children("a").each(function(){ arr_a[i]=$(this).clone(); i...
代码如下: function siblings(o){//参数o就是想取谁的兄弟节点，就把那个元素传进去 var a=[];//定义一个数组，用来存o的兄弟元素 var p=o.previousSibling; while(p){//先取o的哥哥们 判断有没有上一个哥哥元素，如果有则往下执行 p表示previousSibling if(p.nodeType===1){ a.push(p); } p=p.previousSibling//最后把上一个节点赋给p } a.reverse()//把顺序反转一下 这样元素的顺序就是按先后的了 var n=o.nextSibling;//再取o的...
功能 camelCase函数的功能就是将形如background-color转化为驼峰表示法：backgroundColor。 此函数在jQuery的data函数，以及涉及到css的诸多函数中都有用到。 jQuery的实现 代码如下: //正则匹配 rdashAlpha = /-([a-z])/ig, // camelCase替换字符串时的回调函数 fcamelCase = function( all, letter ) { return letter.toUpperCase(); }, ... camelCase: function( string ) { return string.replace( rdashAlpha, fcamelCase );...
首先,说下有些人说这是重复造轮子,但我觉得不是,做项目,总不能老是拿别人的东西来吧,拿来主义并不是神马好玩意,当然如果你想轻松,也没话说,至少说我自己做得,我改起来或者扩展比较方便 效果以及代码如下,,预览效果自己放在html里面把,搞在这个页面上麻烦得很 代码如下: Untitled Page *{margin:0;padding:0;} /*日期控件*/ .pc_caldr { background-color: #FFFFFF; border: 1px solid #CCCCCC; color: #000000; height: auto...
语法： empty() remove(expr); empty用来删除指定元素的子元素，remove用来删除元素，或者设定细化条件执行删除，如： html 代码如下: 此标签的使用empty方法删除 以下的标签将被删除 准备使用remove方法删除 准备使用remove方法删除 准备使用remove方法删除 javascript 代码如下: $(function(){ $("#emptyTest").empty().append("hello"); $("p").remove(".emptyTest"); }) JavaScript教程/参考手册 JavaScrip...
Niceforms Niceforms是一款独立的表单美化工具，当前版本为2.0 官方主页：http://www.emblematiq.com/lab/niceforms/ 官方演示：http://www.emblematiq.com/lab/niceforms/demo/niceforms.html GitHub：https://github.com/emblematiq/Niceforms 使用方法，在页面头部引入以下脚本及样式即可： 代码如下: /*此样式用于radio/checkbox后面的label在ie下可能不正常*/ .opt { padding-left: 8px; } imagesPath = "niceforms-v2...
1.数组的创建 var arr=new Array(); 2.查找数组中的元素 代码如下: for(var i=0;iif(arr[i]==temp) return true; 3.下面比较一下Array和Object的特性: Array: 新建:var ary = new Array(); 或 var ary = []; 增加:ary.push(value); 删除:delete ary[n]; 遍历:for ( var i=0 ; i Object: 新建:var obj = new Object(); 或 var obj = {}; 增加:obj[key] = value; (key为string) 删除:delete obj[key]; 遍历:for ( var key in o...
代码如下: 拖拽 *{margin: 0;padding: 0;} #drag{background: #ccc;height: 200px;width: 300px;text-align: center;line-height: 200px;position: absolute;left: 20px;top: 20px;} 我可以拖动哦！！ //jquery方法拖拽 /**$(function(){ var move = false; //判断是否被移动 var a = 0; var b = 0; $("#drag").mousedown(function(event){ move = true; a = event.pageX - parseInt($("#drag").css("left")); b = even...
新的一天新的开始，今天要分享的是用JQuery模仿苹果操作系统桌面的Dock效果，之所以称之为初级版，是因为其中还有一些bug，显示效果并不稳定。由于时间的关系，这些bug还没有修复，希望高手们不吝赐教，提出更好的意见，希望可以做出更好的版本分享给大家。 这是静态的效果图，好吧，看上去还想模像样下面是HTML页面的代码： 代码如下: "http://www.w3.org/TR/html4/strict.dtd"> JQueryProject1 没有CS...