<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. SUSE Linux – Zypper 命令示例

    來源:http://www.linuxidc.com/Linux/2014-11/109214.htm Zypper是SUSE Linux中用于安装,升级,卸载,管理仓库.进行各种包查询的命令行接口. ...

  2. iOS objc_msgSend 报错解决方案

    错误代码: objc_msgSend(self.beginRefreshingTaget, self.beginRefreshingAction, self); Too many arguments ...

  3. iOS开发25:使用SOAP访问Web服务

    SOAP是简单对象访问协议,它可看成是HTTP与XML的结合,其中XML部分是作为HTTP报文的实体主体部分.具体信息可以参考百度百科. 在iOS中使用SOAP,需要我们自己组装XML格式的字符串,当 ...

  4. 禁止浏览器backspace键(退格键)时跳转页面(extjs,javascript)

    Ext实现方式: //方法一  var key = new Ext.KeyMap(document,{   key: 8,   fn: function(obj,e){    var type = e ...

  5. SSD阵列卡方案优化:考虑使用RAID 50替代RAID 10

    最近一直在研究RAID 50,因为牺牲一半的容量的RAID 10代价实在太大了,而且它提供的可用性也并不是百分百的,我们首先来看下RAID 10的可用性分析: 以同等容量的不同RAID方式作为案例分析 ...

  6. ios之如何读取plist

    - (NSDictionary*)contactsInfoFromPlistNamed:(NSString*)plistName { NSString *path = [[NSBundle mainB ...

  7. GDCPC 2008:B Reading books

    Problem B Reading books (Input File: book.in / Standard Output) In the summer vacation, LRJ wants to ...

  8. Unicode 和 UTF-8 的区别

    作者:于洋链接:https://www.zhihu.com/question/23374078/answer/69732605来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出 ...

  9. [转]PHP利用Gearman来处理并行多进程问题

    From : http://www.yuansir-web.com/2013/11/25/php%E5%88%A9%E7%94%A8gearman%E6%9D%A5%E5%A4%84%E7%90%86 ...

  10. JMap与JStack

    用JMap和JStack做堆dump和线程dump 命令 1. jmap -dump:format=b,file=filename pidjmap -dump:format=b,file=jmap02 ...