关于分屏加载图片,像天猫、京东等电商图片较多页面很长,就采用了延迟加载技术。 目前很流行的做法就是滚动动态加载,显示屏幕之外的图片默认是不加载的, 随着页面的滚动,显示区域图片才被动态加载。 原理其实很简单,默认<…
分类:jquery
jQuery,zepto源码的简单实现记录
本文记录jQuery,Zepto对js的一些封装库的知识,我希望从本文开始去深入学习js这门语言,以及在面向对象,原型上封装的使用。让自己在js方面有能够有一定进步。共勉 jQuery库 简单的jQuery库的实现 需要…
将string 的字符串转换为HTML的两种方法
将string 的字符串转换为HTML的两种方法 采用jquery对象转换 采用原生javascript中DOMParser的parseFromString方法实现 1.采用jquery实现 var str="<d…
jQuery 属性与样式
.attr()与.removeAttr() jQuery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr() attr()有4个表达式 …
JavaScript常用脚本集锦1
jquery限制文本框只能输入数字 jquery限制文本框只能输入数字,兼容IE、chrome、FF(表现效果不一样),示例代码如下: $("input").keyup(function(){ //keyup事件处理 $…
jQuery基础教程
jQuery基础教程 jQuery语法 基础语法:$(selector).action() 美元符号定义jQuery 选择符查询和查找HTML元素 jQuery的action执行对元素的操作 jQuery选择器 元素选择…
jQuery动画的几种方法
动画 显示与隐藏 show()方法和hide()方法是jQuery中最基本的动画方法,具体语法如下: $element.show([speed],[easing],[fn]); $element.hide([speed]…
jquery事件1:从hover说起
问题 今天碰到一个奇怪的问题,因为各种原因,要用到jquery1.8.3和jquery1.9.1这两个版本,发现两个版本对hover的处理不一样,1.8.3可以bind(还有delegate,on) hover事件,像c…
学习jQuery延时2
延时对象代表了一个结果,但是这个结果可能是不可用的。它是抽像的,某种程度上来说,也可能是可被认识的。 我们附上关于延时对象的代码,以照应当结果变成可用时得到的期待的或者不正确的结果。 延时对象的用法很简单,我们制作一个计…
导航栏 jQuery 和 native JS
最近在练习原生JS,于是想把几个月之前用jQuery写的一个导航的功能,用原生JS实现一遍。 写JS不到一年,没做IE8兼容,求大神轻喷,有写的不好的,求指教~~ jQuery: $(".navigation li").…
jQuery源码学习之Callbacks
jQuery源码学习之Callbacks jQuery的ajax、deferred通过回调实现异步,其实现核心是Callbacks。 使用方法 使用首先要先新建一个实例对象。创建时可以传入参数flags,表示对回调对象的…
jQuery Ajax应用与常用插件
jQuery 实现Ajax应用 使用load()方法异步请求数据 使用load()方法通过Ajax请求加载服务器中的数据,并把返回的数据放置到指定的元素中,它的调用格式为: load(url,[data],[callba…