JQuery 获取Dom元素的实例讲解


Posted in jQuery onJuly 08, 2017

废话不多说,直接上代码

(function (window) {
var arr = [];
var VP = function (selector, context) {
return new VP.fn.init(selector, context);
}
VP.fn = VP.prototype = {
constructor: VP,
init: function (selector, context) {
var _document = window.document, elem, mark = selector.charAt(0);
if (mark == '#') {
elem = _document.getElementById(selector.substring(1));
if (elem) {
this[0] = elem;
this.length = 1;
}
}
return this;
},
splice: arr.splice,
};
VP.extend = VP.fn.extend = function () {
var options, name, src, copy, copyIsArray, clone,
target = arguments[0] || {},
i = 1,
length = arguments.length,
deep = false;
if (typeof target === "boolean") {
deep = target;
target = arguments[i] || {};
i++;
}
if (typeof target !== "object" && !VP.isFunction(target)) {
target = {};
}
if (i === length) {
target = this;
i--;
}
for (; i < length; i++) {
if ((options = arguments[i]) != null) {
for (name in options) {
src = target[name];
copy = options[name];
if (target === copy) {
continue;
}
if (deep && copy && (VP.isPlainObject(copy) ||
(copyIsArray = VP.isArray(copy)))) {
if (copyIsArray) {
copyIsArray = false;
clone = src && VP.isArray(src) ? src : [];
} else {
clone = src && VP.isPlainObject(src) ? src : {};
}
target[name] = VP.extend(deep, clone, copy);
} else if (copy !== undefined) {
target[name] = copy;
}
}
}
}
return target;
};
VP.fn.extend({

get: function () {
return this[0];
},


});
VP.fn.init.prototype = VP.fn;
window.VP = VP;
})(window);

以上这篇JQuery 获取Dom元素的实例讲解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

jQuery 相关文章推荐
jQuery插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
Mar 24 jQuery
jQuery插件FusionCharts绘制2D柱状图和折线图的组合图效果示例【附demo源码】
Apr 10 jQuery
最常用的jQuery表单验证(简单)
May 23 jQuery
jQuery条件分页 代替离线查询(附代码)
Aug 17 jQuery
jQuery插件DataTables分页开发心得体会
Aug 22 jQuery
jQuery EasyUI结合zTree树形结构制作web页面
Sep 01 jQuery
jQuery选择器之表单元素选择器详解
Sep 19 jQuery
jQuery轮播图实例详解
Aug 15 jQuery
jQuery模拟html下拉多选框的原生实现方法示例
May 30 jQuery
jquery操作checkbox的常用方法总结【附测试源码下载】
Jun 10 jQuery
jQuery轮播图功能制作方法详解
Dec 03 jQuery
jQuery HTML css()方法与css类实例详解
May 20 jQuery
深入理解jquery的$.extend()、$.fn和$.fn.extend()
Jul 08 #jQuery
浅谈jQuery框架Ajax常用选项
Jul 08 #jQuery
jQuery 实现图片的依次加载图片功能
Jul 06 #jQuery
jQuery+ajax实现修改密码验证功能实例详解
Jul 06 #jQuery
jQuery实现选中行变色效果(实例讲解)
Jul 06 #jQuery
运用jQuery写的验证表单(实例讲解)
Jul 06 #jQuery
使用 jQuery 实现表单验证功能
Jul 05 #jQuery
You might like
php5 apache 2.2 webservice 创建与配置(java)
2011/01/27 PHP
php源代码安装常见错误与解决办法分享
2013/05/28 PHP
thinkphp文件处理类Dir.class.php的用法分析
2014/12/08 PHP
PHP ajax 异步执行不等待执行结果的处理方法
2015/05/27 PHP
JavaScript 判断浏览器类型及版本
2009/02/21 Javascript
asp(javascript)全角半角转换代码 dbc2sbc
2009/08/06 Javascript
JavaScript高级程序设计 阅读笔记(二十一) JavaScript中的XML
2012/09/14 Javascript
jQuery不间断滚动效果(模拟百度新闻支持文字/图片/垂直滚动)
2013/02/05 Javascript
纯js简单日历实现代码
2013/10/05 Javascript
简单的代码实现jquery定时器
2014/01/03 Javascript
动态的创建一个元素createElement及删除一个元素
2014/01/24 Javascript
Nodejs学习笔记之Global Objects全局对象
2015/01/13 NodeJs
举例说明如何为JavaScript的方法参数设置默认值
2015/11/17 Javascript
AngularJS中isolate scope的用法分析
2016/11/22 Javascript
Vue中的$set的使用实例代码
2018/10/08 Javascript
深入探讨JavaScript的最基本部分之执行上下文
2019/02/12 Javascript
angular2 NgModel模块的具体使用方法
2019/04/10 Javascript
JS学习笔记之闭包小案例分析
2019/05/29 Javascript
JavaScript实现消消乐的源代码
2021/01/12 Javascript
tornado捕获和处理404错误的方法
2014/02/26 Python
在Python中使用matplotlib模块绘制数据图的示例
2015/05/04 Python
pymongo为mongodb数据库添加索引的方法
2015/05/11 Python
利用Python自动监控网站并发送邮件告警的方法
2016/08/24 Python
详解python使用递归、尾递归、循环三种方式实现斐波那契数列
2018/01/16 Python
查看Django和flask版本的方法
2018/05/14 Python
利用pyinstaller将py文件打包为exe的方法
2018/05/14 Python
Python FTP两个文件夹间的同步实例代码
2018/05/25 Python
Java文件与类动手动脑实例详解
2019/11/10 Python
python3用urllib抓取贴吧邮箱和QQ实例
2020/03/10 Python
关于Python不换行输出和不换行输出end=““不显示的问题(亲测已解决)
2020/10/27 Python
大学生求职简历的自我评价
2013/10/21 职场文书
党员自我批评与反省材料
2014/02/10 职场文书
统计岗位职责
2014/02/21 职场文书
论文诚信承诺书
2014/05/23 职场文书
小学国旗下的演讲稿
2014/08/28 职场文书
如何才能写好调研报告?
2019/07/03 职场文书