<script type="text/javascript">/** 通示jQuery实例方法,未DOM对象添加多个方法* 用按钮做多个事件的调用*/(function (a) {//为jQuery对象添加方法multiSelecta.multiSelect = function (b) {if (!b.elementId) {             //参数(对象)b.elementId不能为空,否则返回falsereturn false}b = a.extend({                  //把传进来的参数与现有的定义合并,然后赋给b;后面的参数如果和前面的参数存在相同的名称,那么后面的会覆盖前面的参数值。removeCallback: undefined,clickCallback: undefined,addCallback: undefined,removeAllCallback: undefined}, b);var c = document.getElementById(b.elementId);   //定义一个DOM对象,虽然不是ECMASript对象,但它同样是objectc.addOption = function (e, f) {/*方法执行*/b.addCallback(e, f);                        //方法执行完成后调用参数传进来的addCallback};c.isEmpty = function () {/*方法执行*/b.removeAllCallback(e, f);                  //方法执行完成后调用参数传进来的removeAllCallback};a(c).click(function () {/*DOM click*/if (typeof (b.clickCallback) == "function") {b.clickCallback(……);}});return c;                                       //返回DOM对象,主要用于赋值给另一个变量}})(jQuery)
</script>
<script type="text/javascript">$(document).ready(function () {/** 为jQuery.multiSelect方法传递参数和接收返回的值(对象)*/var b = jQuery.multiSelect({elementId: "multiple_select",       //当前DOMremoveCallback: function (h) {      //删除单条内容的时候调用的函数},removeAllCallback: function () {    //删除所有内容的时候调用的函数},clickCallback: function (h) {       //点击内容的时候调用的函数},addCallback: function () {          //添加内容的时候调用的函数}})/** 调用DOM方法*/$("#removeAll").click(function () {     //删除所有内容按钮b.removeAll();  //删除所有内容});$("#addItems").click(function () {      //添加内容按钮b.addOption();  //添加内容});});
</script>

  

转载于:https://www.cnblogs.com/sntetwt/p/3255267.html

通示jQuery实例方法,未DOM对象添加多个方法相关推荐

  1. php 赋值给 dom对象,详解PHP原生DOM对象操作XML的方法

    详解PHP原生DOM对象操作XML的方法 发布于 2017-08-08 20:15:29 | 80 次阅读 | 评论: 0 | 来源: 网友投递 PHP开源脚本语言PHP(外文名: Hypertext ...

  2. HTML中DOM对象的属性和方法的层级关系是怎样的?(目录即层次)

    HTML中DOM对象的属性和方法的层级关系是怎样的?(目录即层次) 一.总结 一句话总结:目录就是测试题 1.document取得元素(get element)的方式有哪几种? 解答:四种,分别是id ...

  3. Jquery对象和dom对象获取html的方法

    1)DOM对象 var domObj = document.getElementById("id"); //DOM对象 domObj.innerHTML;// domObj.out ...

  4. python-给对象添加属性与方法

    给对象添加属性 对象.属性名 = 属性值 给对象添加方法 >匿名函数,就是函数体

  5. AjaxPro2 方法未定义,对象不支持此方法或属性,解决办法

    如果报错类未定义,或者是命名空间未定义, 首先看看AjaxPro页面注册,要在page_load里面注册 namespace AdoNetDemo { public partial class Add ...

  6. 给JS对象添加属性和方法

    方式一:在定义对象时,直接添加属性和方法 function Person(name,age) {this.name = name;this.age = age;this.say = function( ...

  7. element分页点击事件_关于原生dom事件添加、删除方法的一些拓展

    引言 这是一个简单的需求,衍生的思考. 昨天QA提了一个富文本优化的需求,当插入视频和音频时,如果用户同时点击了视频.音频,那么其他的视频或者音频应该停止播放,只有最后一个点击的才会是播放状态. 需求 ...

  8. jQuery判断获得的对象是否存在的方法

    因为jQuery在获得对象的时候,无论要获得的对象是否存在,都会返回jQuery对象. 所以,以往的 js 判断是否存在在jQuery是行不通的. 假设有如下代码. var target_obj = ...

  9. js Dom对象的属性与方法

    1.对象集合: (1).all[]; (2).images[]; (3).anchors[]; (4).forms[]; (5).links[]; 2.属性: document.cookie;设置或返 ...

最新文章

  1. 2022-2028年中国节能建材行业深度调研及投资前景预测报告
  2. Redis和Memcache的区别是什么
  3. c#怎么读htm文件_c#怎么读写文件和获取文件的扩展名
  4. Dalvik指令集 (smali汇编)
  5. Oracle 查询当前日期
  6. asp.net用户登录 用户验证
  7. Windows网络驱动、NDIS驱动(微端口驱动、中间层驱动、协议驱动)、TDI驱动(网络传输层过滤)、WFP(Windows Filtering Platfrom))
  8. matlab括号区别,matlab中各种括号(),[],与{}的区别与认识
  9. django 怎么加权限 静态资源目录_Django:settings中关于static静态文件目录的设置...
  10. 还在用 Notepad++吗? 盘点五款更好用的文本编辑器
  11. java oca_OCA第4部分中的Java难题
  12. 一份从 0 到 1 的 Java 项目实践清单
  13. Linux设备驱动模型4——平台总线实践
  14. mysql数据库隐式表_解析MySQL隐式转换问题
  15. Java 8新特性探究(五)重复注解(repeating annotations)
  16. Linux部署单体架构,从单体式架构迁移到微服务架构:三个策略叙述
  17. 使用VS Code通过Markdown语法快速画流程图时序图等
  18. liunx服务器配置dns服务
  19. 微信设置字体变大后导致页面样式布局全乱
  20. wikioi 丘比特的烦恼 (最大权匹配)

热门文章

  1. 英国-新加坡联合博士奖学金(人工智能、数字医疗方向)
  2. java实现翻转二叉树_【leetcode刷题】[简单]226. 翻转二叉树(invert binary tree)-java...
  3. 韩顺平 php 聪明的小猫代码,聪明的小猫作文150字
  4. 智能机器人热点技术大揭秘!
  5. 收藏 | 从SGD到NadaMax,深度学习十种优化算法原理及实现
  6. 赞!史上最强音视频下载神器youtube-dl回归,GitHub75k星
  7. CVPR 2020 | 北大Futurewei提出 GraphTER:无监督图变换共变表征学习
  8. 谈谈复杂多分类问题上的一些个人理解
  9. 共享变量 tensorflow解读
  10. 基础知识(七)opencv、python、人脸框检测