杭州前端外包

欢迎访问jquery代码最新发布

jQuery与Zepto的异同

jQuery与Zepto的异同

一,同：

Zepto最初是为移动端开发的库，是jQuery的轻量级替代品，因为它的API和jQuery相似，而文件更小。

Zepto最大的优势是它的文件大小，只有8k多，是目前功能完备的库中最小的一个，尽管不大，Zepto所提供的工具足以满足开发程序的需要。

大多数在jQuery中·常用的API和方法Zepto都有，Zepto中还有一些jQuery中没有的。另外，因为Zepto的API大部分都能和jQuery兼容，

...

jQuery中的.height()、.innerHeight()和.outerHeight()的区别

jQuery中的.height()、.innerHeight()和.outerHeight()是W3C的盒模型相关的几个获取元素尺寸的方法。

对应的宽度获取方法分别为.width()、.innerWidth()和.outerWidth()，在此不详述。

1、.height()

获取匹配元素集合中的第一个元素的当前计算高度值 或 设置每一个匹配元素的高度值（带一个参数）。

...

js实现网页图片延时加载的原理和代码


有时我们看到一些大型网站，页面如果有很多图片的时候，当你滚动到相应的行时，当前行的图片才即时加载的，这样子的话页面在打开只加可视区域的图片，而其它隐藏的图片则不加载，一定程序上加快了页面加载的速度，对于比较长的页面来说，这个方案是比较好的。

推荐：使用jquery图片延迟加载插件jquery.lazyload实现图片延迟

实现原理：

把所有需要延时加载的图片改成如下的格式：

<img lazy_src="图片路径" border="0"/>

...

图片延迟加载技术提高网页打开速度

如果你的网站必须有很多图片，那么我们该如何优化呢，没错！就是图片延迟加载技术。现在介绍如下：

工具：jQuery

步骤/方法

第一，该功能主要依靠jQuery，所以首先要下载程序包，在百度里搜索“图片延迟加载　下载”会有很多的下载包。

第二，将文件解压，将Js文件夹所有文件上传至网站根目录，目录形式为：

　　/Js/lazyload/grey.gif

　　/Js/lazyload/jquery.js

...

jQuery焦点函数focus(),blur()

 文本框获取和失去焦点事件

1.文本框获取和失去焦点时，文本框背景色的变化，代码：

<script type="text/javascript">
$(document).ready(function(){
  $("input").focus(function(){
    $("input").css("background-color","#FFFFCC");
  });
  $("input").blur(function(){
    $("input").css("background-color","#D6D6FF");
  });
});
</script>

...