使用步骤: 1、引入jquery库、版本需求需要按照实际情况 2、这里必须设置图片的width和height,否则插件可能无法正常工作。 3、img的src 放置loading图标,data-original放置图片的真实路径。 使用图片懒加载的好处: 1、减轻服务器压力。 2、提高用户的体验。 ...
分类:
其他好文 时间:
2016-09-18 22:16:46
阅读次数:
218
我们在使用JavaScript操作html元素时,必须要选中该元素,在原生JS中经常用一下几种方式: document.getElementById(id) getElementsByTagName(name) getElementsByName() 上述的方式过于简单,而JQuery库最大的特点就 ...
分类:
Web程序 时间:
2016-09-13 22:12:29
阅读次数:
163
以下代码只是呈现了jQuery库中的原型继承的实现原理,以及其常用功能模块的简单实现,并不涉及过多的兼容性处理//This is my$;(function (window , undefined) { //核心架构 function my$(selector){ //使用构造函数,创建my$对象, ...
lightbox JS插件--baguetteBox.js,它是用纯Javascript创建的图像展示效果,拥有图像放大缩小并带有相应的CSS3过度,并能在触摸屏等设备上完美展示。 baguetteBox.js 优势javascript完成,不需要jQuery库支持支持触屏手机端支持显示标题和说明等 ...
分类:
Web程序 时间:
2016-09-06 09:06:28
阅读次数:
213
jQuery? www.jQuery.com jQuery的理念:write less, do more jQuery的成就:世界排名前100的公司,46%都在使用jQuery,远远超过其他库,微软公司甚至把jQuery库 作为了他们的官方库。 what is jQuery?(这是我复制官网上的介绍 ...
分类:
Web程序 时间:
2016-09-06 00:57:26
阅读次数:
247
1. Angular介绍 1. Angular介绍 1.1. 库和框架的区别 jQuery:库 库一般都是封装了一些常用的方法 自己手动去调用这些方法,来完成我们的功能 $('#txt').val('我是小明'); $('div').text('xx'); angular:框架 框架都是提供一种规范 ...
分类:
其他好文 时间:
2016-08-28 23:44:54
阅读次数:
228
首先我用Jquery库实现了一个简单的效果, 只需要点击上面的导航标签即可切换下方内容,Html代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>tab切换</title> <style type=" ...
分类:
其他好文 时间:
2016-08-25 21:12:56
阅读次数:
681
如果存在名称冲突,则重命名 jQuery 库 jQuery 使用名为 noConflict() 的方法来解决该问题。 var jq=jQuery.noConflict(),帮助您使用自己的名称(比如 jq)来代替 $ 符号。 例子: $.noConflict();jQuery(document).r ...
分类:
Web程序 时间:
2016-08-24 14:34:51
阅读次数:
357
1.什么是 jQuery ? jQuery是一个JavaScript函数库。 2.jQuery 安装 可以通过多种方法在网页中添加 jQuery。 您可以使用以下方法: 从 jquery.com 下载 jQuery 库 然后使用 HTML 的 <script> 标签引用它: <head> <scri ...
分类:
Web程序 时间:
2016-08-23 16:47:32
阅读次数:
218