通示jQuery实例方法,未DOM对象添加多个方法
<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对象添加多个方法的更多相关文章
- jQuery入门和DOM对象
jQuery入门和DOM对象 1.开发准备 1. 下载的版本: jquery-3.3.1.min.js :压缩版,发布版84.8KB jquery-3.3.1.js :常规版,开发版265KB 2. ...
- HTML DOM对象的属性和方法
HTML DOM对象的属性和方法 HTML DOM 对象有几种类型: 1.Document 类型 在浏览器中,Document 对象表示整个 HTML 文档. 1.1属性 引用文档的子节点 docum ...
- HTML DOM对象的属性和方法介绍(原生JS方法)
HTML DOM对象的属性和方法介绍 DOM 是 Document Object Model(文档对象模型)的缩写. DOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序编程接口), ...
- HTML中DOM对象的属性和方法的层级关系是怎样的?(目录即层次)
HTML中DOM对象的属性和方法的层级关系是怎样的?(目录即层次) 一.总结 一句话总结:目录就是测试题 1.document取得元素(get element)的方式有哪几种? 解答:四种,分别是id ...
- javascript面向对象(给对象添加属性和方法的方式)
1.在定义对象时,直接把属性和方法添加 <script type="text/JavaScript"> //给对象直接在定义时添加属性和方法 var g ...
- jquery 字符串转dom对象及对该对象使用选择器查询
<script> $(document).ready(function () { var htmlStr = '<div id="outerDiv">< ...
- js关于为DOM对象添加自定义属性的方式和区别
DOM对象的三种在添加自定义属性的方式 一是 通过 “.”+“属性名” 二是 setAttribute()(getAttribute()获取) 三是 直接在元素标签上加属性 如:<div n ...
- Jquery对象和dom对象获取html的方法
1)DOM对象 var domObj = document.getElementById("id"); //DOM对象 domObj.innerHTML;// domObj.out ...
- jQuery获取的dom对象和原生的dom对象有何区别
js原生获取的dom是一个对象,jQuery对象就是一个数组对象,其实就是选择出来的元素的数组集合,所以说他们两者是不同的对象类型不等价 原生DOM对象转jQuery对象 var box = docu ...
随机推荐
- 关于电商ERP的想法
原文地址: http://www.chinaodoo.net/thread-465-1-1.html 试用了下odoo的淘宝订单处理模块,从整个业务流程上已经打通,如果要求不是很高的话,现有的功能基本 ...
- source insight设置tab键为4个空格
首先通过路径(Options->Document Options)进入以下界面: step 1:将 Visible tabs 打勾. step 2 :将 Expand Tabs 打勾. step ...
- 灵书妙探第八季/全集Castle迅雷下载
英文全名Castle,第8季(2015)ABC.本季看点:<灵书妙探>讲述性格和背景迥异的两人在不断的斗嘴与摩擦中竟然渐渐培养出了默契,成了名符其实的最佳搭档.在上季Richard Cas ...
- 都市侠盗第五季/全集Leverage迅雷下载
第五季 Leverage Season 5 (2012)看点:TNT电视网砍掉了<都市侠盗>(Leverage),这部已经播出至第5季的团队盗窃现代罗宾汉剧集将在今年完结,这样的决定对&l ...
- 权力的游戏第七季/全集Game of Thrones迅雷下载
艾美及金球奖获奖HBO原创剧集<权力的游戏>第七季将于2016年夏天晚些时候开拍.新的一季共有七集,主要拍摄地为北爱尔兰,部分镜头也将在西班牙和冰岛取景.上映时间预计将略有推迟,至2017 ...
- Material Designer的低版本兼容实现(六)—— Ripple Layout
新版的Android5.0添加了涟漪效果,虽然开源的库提供了各种控件便于大家使用涟漪效果.但是仍旧不可能满足所有需求,因此我今天改出来一个类叫做,LayoutRipple,其实感觉跟应该叫Ripple ...
- 数据库savepoint
保存点(savepoint)是事务过程中的一个逻辑点,我们可以把事务回退到这个点,而不必回退整个事务. 语法 编辑 savepoint savepoint_name 这个命令就是在事务语句之间创建一个 ...
- spring 配置文件 获取变量(PropertyPlaceholderConfigurer)
转自:https://hbiao68.iteye.com/blog/2031006 1.Spring的框架中,org.springframework.beans.factory.config.Prop ...
- Qt解决:Qobject::connect queue arguments of type ‘xxxx’,Make sure ‘xxxx’ is registered using qRegister
解决方法:在调用connect之前,通过 qRegisterMetaType() 注册你connect函数里对象的类型代码如下: typedef QString CustomString;//你自己定 ...
- 对于DQN的三大改进 - 这篇讲的好些
可以看这篇文章: https://blog.csdn.net/u013236946/article/details/73161586 这篇也讲的不错: https://www.cnblogs.com/ ...