jQuery-插件篇

news/2024/7/10 22:58:33 标签: jquery

1. jQuery插件概述

  1. 因为有些功能不是所有人都需要使用,为了减小jQuery文件的大小,所以有些功能,另外封装了插件当需要的时候另外引入插件使用
  2. jquery之家:http://www.htmleaf.com/
  3. jquery插件库:https://www.jq22.com/

2. 懒加载 lazyload() 插件

2.1 概述

  1. 懒加载适用于长网页,图片较多,页面滚动条到了之后再加载图片,不用一打开网页就加载全部图片,节省网页加载时间

2.2 使用

  1. 先引入jQuery.js文件
  2. 再引入jquery.lazyload.js文件
  3. 使用插件:
    a. 把需要懒加载的img标签的src名称改成data-original
    b. 给需要懒加载的img标签添加一个统一的类
    c. 在jQuery中:$(".类名").lazyload()

3. 背景颜色渐变(动画效果)插件

3.1 概述

  1. jQuery封装的animate方法不支持背景颜色渐变,它封装了另一个插件jquery.color.js

3.2 使用

  1. 先引入jQuery.js文件
  2. 再引入jquery.color.js文件
  3. 使用animate方法就可以实现背景颜色渐变动画了,里面的颜色最好使用十六进制

4. jQuery插件制作

4.1 概述

  1. jQuery插件的实质就是给jQuery的原型prototype添加方法

4.2 插件制作

  1. 插件制作:jQuery.prototype.自定义方法名 = function(){}
  2. 或者:$.prototype.自定义方法名 = function(){}

4.3 jQuery里面封装了prototype的简写fn

  1. 简写:jQuery.fn.自定义方法名 = function(){}
  2. 或者:$.fn.自定义方法名 = function(){}

http://www.niftyadmin.cn/n/1252616.html

相关文章

面向对象-概述篇

1. 面向过程(POP) 就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步步实现,使用的时候一个一个依次调用就可以了。举个例子,将大象装冰箱分三步:开门、装进去、关门 2. 面向对象(OOP&#xff0…

面向对象-类篇

1. 类class(ES6) 在ES6中新增加了类的概念,可以使用class关键字声明一个类,之后以这个类来实例化对象。类抽象了对象的公共部分,它泛指某一大类(class)。对象特指某一个,通过类实例化的一个具体的对象。 …

JS-编程基础篇

1. 什么是编程 编程:就是计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程计算机程序:就是计算机所执行的一系列的指令集合,而程序全部都是用我们所掌握的语言来编写的,所以人们要控制计…

JS-计算机篇

1. 计算机组成 2. 数据的存储 计算机内部使用二级制 0 和 1 来表示数据所有的数据,包括文件、图片等最终都是以二进制数据(0和1)的形式存放在硬盘中所有的程序,包括操作系统,本质都是各种数据,也以二进制数…

JS-浏览器篇

1. 浏览器 Mosaic,是互联网历史上第一个获普遍使用和能够显示图片的网页浏览器。于1993年问世。 浏览器分为两个部分shell、内核 shell 为用户看得到的及可以操作的部分 内核 处理代码,并且把代码完整显示出来的部分 2. 主流浏览器 主流浏览器的特点…

ES-变量篇

1. 什么是变量 白话:变量就是一个装东西的盒子通俗:变量是用于存放数据的容器。我们通过变量名获取数据,甚至数据可以修改。本质:变量是程序在内存中申请的一块用来存放数据的空间 2. 变量的使用 声明变量ver age // 1. var 是…

JS-概述篇

1. JavaScript 历史 作者:布兰登艾奇(Brendan Eich,1961年~) 布兰登艾奇在1995年利用10天完成javaScript设计网警公司最初命名为LiveScript,后来在与Sun公司合作之后将其改名为javaScript 2. JS 是什么 javaScript …

ES-简单数据类型

1. 数据类型 在计算机中,不同的数据所需占用的存储空间是不同的 为了便于把数据分为所需内存大小不同的数据,充分利用存储空间,于是定义了不同的数据类型 JS把数据类型分为两类:简单数据类型、复杂数据类型 2. 简单数据类型&a…