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

  

通示jQuery实例方法,未DOM对象添加多个方法的更多相关文章

  1. jQuery入门和DOM对象

    jQuery入门和DOM对象 1.开发准备 1. 下载的版本: jquery-3.3.1.min.js :压缩版,发布版84.8KB jquery-3.3.1.js :常规版,开发版265KB 2. ...

  2. HTML DOM对象的属性和方法

    HTML DOM对象的属性和方法 HTML DOM 对象有几种类型: 1.Document 类型 在浏览器中,Document 对象表示整个 HTML 文档. 1.1属性 引用文档的子节点 docum ...

  3. HTML DOM对象的属性和方法介绍(原生JS方法)

    HTML DOM对象的属性和方法介绍 DOM 是 Document Object Model(文档对象模型)的缩写. DOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序编程接口), ...

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

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

  5. javascript面向对象(给对象添加属性和方法的方式)

    1.在定义对象时,直接把属性和方法添加 <script type="text/JavaScript"> //给对象直接在定义时添加属性和方法         var g ...

  6. jquery 字符串转dom对象及对该对象使用选择器查询

    <script> $(document).ready(function () { var htmlStr = '<div id="outerDiv">< ...

  7. js关于为DOM对象添加自定义属性的方式和区别

    DOM对象的三种在添加自定义属性的方式 一是 通过 “.”+“属性名” 二是 setAttribute()(getAttribute()获取) 三是 直接在元素标签上加属性  如:<div  n ...

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

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

  9. jQuery获取的dom对象和原生的dom对象有何区别

    js原生获取的dom是一个对象,jQuery对象就是一个数组对象,其实就是选择出来的元素的数组集合,所以说他们两者是不同的对象类型不等价 原生DOM对象转jQuery对象 var box = docu ...

随机推荐

  1. Delphi来实现一个IP地址输入控件

    unit Unit1; interface uses Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms ...

  2. ios之快速枚举

    for(UIView * subView in self.view.subviews) { if([subView isKindOfClass:[XYZSeniorQueryView class]]) ...

  3. sql 语句注意括号配对

  4. 11i and R12 Table Count in Different Module

    Advertisement Module 11i Tables R12 Tables New Tables AR 551 616 118 BOM 264 337 73 GL 186 309 140 A ...

  5. poj Kaka&#39;s Matrix Travels

    Kaka's Matrix Travels 题目: 给出一个矩阵.求仅仅能向下或者向右的情况下能得到的最大和.一般的是指遍历一次,而这个是能够反复走K次.每经过一次后就把该点设为0.求最大和. 算法: ...

  6. libgdx 环境搭建

    1:环境搭建: (1)首先进入官网,http://libgdx.badlogicgames.com/download.html  点击下方的Releases.进行下载最新的版本号就可以. 这个为我们开 ...

  7. Easyui numberbox获取焦点事件

    Html文件: <input id="auctionBrandNoGetByHand" style="width:160px;" class=" ...

  8. Java&C#语法差别

      Java C# 主类名与文件名 必须一致 可以不一致 命名空间导入方式 import关键字 using关键字 常量 final关键字 Const关键字 基本数据类型 C#中有无符号数,Java没有 ...

  9. 【LINK】手机Web开发框架

    LINK : http://www.oschina.net/project/tag/322/mobile-web AmazeUI : http://amazeui.org/

  10. probotuf 标量数值类型

    标量数值类型 一个标量消息字段可以含有一个如下的类型--该表格展示了定义于.proto文件中的类型,以及与之对应的.在自动生成的访问类中定义的类型: .proto类型 Java 类型 C++类型 备注 ...