jQuery中$.fn的用法示例介绍
如扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一个abc方法,那么后面你的每一个jquery实例都可以引用这个方法了.
那么你可以这样子:$("#div").abc();
jQuery为开发插件提拱了两个方法,分别是:
jQuery.extend(object);为扩展jQuery类本身.为类添加新的方法。
jQuery.fn.extend(object);给jQuery对象添加方法。
$.fn.function用于添加单个方法
$.fn.extend 用于添加多个方法
效果都是一样的
1
2
3
4
|
$.fn.aaa = function () {}
$.fn.extend({
aaa: function () {}
});
|
fn是什么东西呢。查看jQuery代码,就不难发现。
jQuery.fn = jQuery.prototype ={
init: function( selector, context ){//....
//......
};
原来 jQuery.fn =jQuery.prototype.对prototype肯定不会陌生啦。
jQuery便是一个封装得非常好的类,比如我们用语句 $("#btn1") 会生成一个 jQuery类的实例。
jQuery.extend(object); 为jQuery类添加添加类方法,可以理解为添加静态方法。如:
$.extend({
add:function(a,b){returna+b;}
});
便为 jQuery 添加一个为add 的 “静态方法”,之后便可以在引入 jQuery 的地方,使用这个方法了,
$.add(3,4); //return 7
jQuery.fn.extend(object);对jQuery.prototype进得扩展,就是为jQuery类添加“成员函数”。jQuery类的实例可以使用这个“成员函数”。
比如我们要开发一个插件,做一个特殊的编辑框,当它被点击时,便alert当前编辑框里的内容。可以这么做:
jQuery代码
$.fn.extend({
alertWhileClick:function(){
$(this).click(function(){
alert($(this).val());
});
}
});
jQuery中$.fn的用法示例介绍相关推荐
- jQuery中$.fn的用法
在jQuery插件中,常常看见这样的结构,开始自己也是不理解后来通过查阅资料,慢慢的理解其中的大意,所以先总结出来. (function( $, window, document, undefined ...
- addEventListener 的用法示例介绍
(要注意的是div必须放到js前面才行) 一般情况下,如果给一个dom对象绑定同一个事件,只有最后一个会生效,比如: 复制代码 代码如下: document.getElementById(" ...
- document.forms用法示例介绍
概述 forms 返回一个集合 (一个HTMLCollection对象),包含了了当前文档中的所有form元素. 语法 var collection = document.forms; 例子 获取表单 ...
- html中字段是日期控件,jQuery日历插件datepicker用法详解
jQuery是一款不可多得的非常优秀的javascript脚本开发库,而基于其上的很多插件也是非常规范和卓越的,如果错过这番美景真是太可惜了,比如datepicker这个插件. 一般MIS系统的前端, ...
- java this.val$_[Java教程]Jquery $(this).attr和$(this).val用法示例
[Java教程]Jquery $(this).attr和$(this).val用法示例 0 2017-08-17 17:00:11 以下是个人心得整理,有兴趣朋友可以参考参考 $(this).attr ...
- php this指针的用法,C#_C#中this指针的用法示例,本文实例展示了C#中this指针的 - phpStudy...
C#中this指针的用法示例 本文实例展示了C#中this指针的用法,对于初学者进一步牢固掌握C#有很大帮助,具体内容如下: 一.this指针是什么: 这里有一些面向对象编程的概念需要说明:类(Cla ...
- jQuery中extend的用法
jQuery中extend的用法 前言 一.Jquery的扩展方法原型是: 二.省略dest参数 1.$.extend(src) 2.$.fn.extend(src) 三.Jquery的extend方 ...
- ajax异步后台存放购物车表,jQuery购物车插件jsorder用法(支持后台处理程序直接转换成DataTable处理)...
本文实例讲述了jQuery购物车插件jsorder用法.分享给大家供大家参考,具体如下: JSORDER 案例 案例一:我的菜单(点击菜名即可加入菜单) 红烧豆腐 12元 毛血旺 32元 套餐:京酱肉 ...
- Go基础系列:双层channel用法示例
Go channel系列: channel入门 为select设置超时时间 nil channel用法示例 双层channel用法示例 指定goroutine的执行顺序 双层通道的解释见Go的双层通道 ...
最新文章
- 区块链技术之以太坊ETH白皮书
- 一个多年网络工程师总结的工作实用经验
- Ubuntu 12.04中文输入法的安装
- 【转】Spring事务超时时间可能存在的错误认识
- C++: int int int * int**的区别、联系和用途
- sklearn下的ROC与AUC原理详解
- linux删除git账号密码忘记了,linux清除git账号密码
- 几种经典的数据排序及其Java实现
- (七)整合spring cloud云服务架构 - common-service 项目构建过程
- 新手入坑 java的开发语言环境
- 【项目管理】人力资源计划和组建项目团队
- 前端们等了8年!HTML5标准终于完工了
- 2020年Mybatis源码解读
- 王垠面阿里P9,面跪后与P10赵海平互怼:人性最大的愚蠢,是互相为难
- 浅谈民用建筑电气设计中智能消防应急照明系统的运用
- 《中国近代史纲要》考试过关?Python帮你划重点
- python雨课堂答案_雨课堂和微助教的比较分析
- 助力数字经济,服务数智化转型,用友火力全开
- 淘管家一键铺货怎么弄?和分销下单有什么区别?
- Bi-Direction attention flow for machine reading(原理篇)