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实现前端分页功能
Mar 23 jQuery
jQuery 控制文本框自动缩小字体填充
Jun 16 jQuery
文本溢出插件jquery.dotdotdot.js使用方法详解
Jun 22 jQuery
jQuery实现frame之间互通的方法
Jun 26 jQuery
360提示[高危]使用存在漏洞的JQuery版本的解决方法
Oct 27 jQuery
jQuery NProgress.js加载进度插件的简单使用方法
Jan 31 jQuery
jQuery+datatables插件实现ajax加载数据与增删改查功能示例
Apr 17 jQuery
jQuery实现表单动态加减、ajax表单提交功能
Jun 08 jQuery
超好用的jQuery分页插件jpaginate用法示例【附源码下载】
Dec 06 jQuery
JQuery实现ajax请求的示例和注意事项
Dec 10 jQuery
jquery实现动态改变css样式的方法分析
May 27 jQuery
详解jQuery的核心函数和事件处理
Feb 18 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
选择PHP作为网站开发语言的原因分享
2012/01/03 PHP
安装ImageMagick出现error while loading shared libraries的解决方法
2014/09/23 PHP
php实现汉字验证码和算式验证码的方法
2015/03/07 PHP
Locate a File Using a File Open Dialog Box
2007/06/18 Javascript
JavaScript this 深入理解
2009/07/30 Javascript
简单掌握JavaScript中const声明常量与变量的用法
2016/05/21 Javascript
JavaScript动态检验密码强度的实现方法
2016/11/09 Javascript
bootstrap table实例详解
2017/01/06 Javascript
js中数组插入、删除元素操作的方法
2017/02/15 Javascript
Angular 输入框实现自定义验证功能
2017/02/19 Javascript
xmlplus组件设计系列之分隔框(DividedBox)(8)
2017/05/02 Javascript
Three.js利用顶点绘制立方体的方法详解
2017/09/27 Javascript
详解在Javascript中进行面向切面编程
2019/04/28 Javascript
关于layui的动态图标不显示的解决方法
2019/09/04 Javascript
wxPython学习之主框架实例
2014/09/28 Python
用python读写excel的方法
2014/11/18 Python
python学习基础之循环import及import过程
2018/04/22 Python
Python自定义装饰器原理与用法实例分析
2018/07/16 Python
利用python求积分的实例
2019/07/03 Python
python实现电子书翻页小程序
2019/07/23 Python
Django Celery异步任务队列的实现
2019/07/24 Python
Python+Redis实现布隆过滤器
2019/12/08 Python
Python3.7将普通图片(png)转换为SVG图片格式(网站logo图标)动起来
2020/04/21 Python
python实现录音功能(可随时停止录音)
2020/10/26 Python
使用HTML5技术开发一个属于自己的超酷颜色选择器
2013/09/22 HTML / CSS
类如何去实现接口
2013/12/19 面试题
好的自荐信包括什么内容
2013/11/07 职场文书
工业自动化毕业生自荐信范文
2014/01/04 职场文书
优秀教师先进事迹
2014/01/22 职场文书
应届毕业生应聘自荐信范文
2014/02/26 职场文书
工地质量标语
2014/06/12 职场文书
金融系毕业生自荐书
2014/07/08 职场文书
国际经济与贸易专业求职信
2014/07/10 职场文书
优秀共青团员事迹材料
2014/12/25 职场文书
2016寒假假期总结
2015/10/10 职场文书
SQLyog的下载、安装、破解、配置教程(MySQL可视化工具安装)
2022/09/23 MySQL