jquery插件写法及用法

作者：管理员

发布时间：2020/12/9 21:09:02

评论数：0

转载请自觉注明原文：http://www.jq-school.com/Show.aspx?id=3053

一、 jQuery插件的写法以及使用


如今做web开发，jquery 几乎是必不可少的，同时jquery插件也是不断的被大家所熟知，以及运用。最近在搞这个jquery插件，发现它的牛逼之处，所以讲一讲jQuery插件的写法以及使用。


jquery插件写法及用法（jQuery插件开发全解析）


这里大家也许会抱怨，这根本看不懂，别急，看下去会让你明白


首先可以告诉大家，这个插件实现的功能是对一个标签的字体大小以及颜色设置。


下图是显示在网页上的代码：


jquery插件写法及用法（jQuery插件开发全解析）


如上的代码得到的效果如下图：


jquery插件写法及用法（jQuery插件开发全解析）


如此，大家不要疑惑，就将color()这个函数当做系统给你提供的函数即可。


在这里首先要和大家讲解自执行的匿名函数/闭包的运用


1、 解释什么事闭包，下面这种形式的就是自执行的匿名函数/闭包


jquery插件写法及用法（jQuery插件开发全解析）


2.坑爹的报错代码


jquery插件写法及用法（jQuery插件开发全解析）


3.解释表达式和函数声明


表达式：


jquery插件写法及用法（jQuery插件开发全解析）


函数声明：


jquery插件写法及用法（jQuery插件开发全解析）


如此大家可以大概猜想到对象的使用方法，首先是要创建一个对象:new C()


其中C就是相当于(funcTIon($){//Code})，()便是后面的()了。


以上是一种理解方式， 实际情况如下：


js在"预编译"阶段, 会解释函数声明, 但却会忽略表达式。


当javascript执行到funcTIon() {//Code}()d时由于funcTIon() {//code}在"预编译"阶段已经被解释过,javascript会跳过funcTIon(){//code}试图去执行()故会报错;


当javascript执行到(function {// Code})()时由于(function {// code})是表达式, javascript会去对它求解得到返回值, 由于返回值是一 个函数, 故而遇到()时, 便会被执行。


另外,函数转换为表达式的方法并不一定要靠分组操作符()我们还可以用!操作符等操作符，只要是表达一个表达式的即可。


如此大家大概知道插件得书写为什么要加个().


然后就是写插件得步骤了：基本格式如下

关键字：JquerySchool 网站排名 百度权重 百度统计 google PR