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 校验中国身份证号码实例详解
Apr 11 jQuery
jQuery修改DOM结构_动力节点Java学院整理
Jul 05 jQuery
jQuery Ajax向服务端传递数组参数值的实例代码
Sep 03 jQuery
jQuery选择器中的特殊符号处理方法
Sep 08 jQuery
jQuery实现用户信息表格的添加和删除功能
Sep 12 jQuery
jQuery plugin animsition使用小结
Sep 14 jQuery
jQuery实现常见的隐藏与展示列表效果示例
Jun 04 jQuery
jquery实现自定义树形表格的方法【自定义树形结构table】
Jul 12 jQuery
Jquery让form表单异步提交代码实现
Nov 14 jQuery
JQuery常用简单动画操作方法回顾与总结
Dec 07 jQuery
jQuery中getJSON跨域原理的深入讲解
Sep 02 jQuery
jquery实现拖拽添加元素功能
Dec 01 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 处理图片的类实现代码
2009/10/23 PHP
php采用curl访问域名返回405 method not allowed提示的解决方法
2014/06/26 PHP
thinkPHP简单遍历数组方法分析
2016/05/16 PHP
自写的利用PDO对mysql数据库增删改查操作类
2018/02/19 PHP
PHP SPL 被遗落的宝石【SPL应用浅析】
2018/04/20 PHP
飞鱼(shqlsl) javascript作品集
2006/12/16 Javascript
jQuery在iframe中无法弹出对话框的解决方法
2014/01/12 Javascript
jquery的ajax简单结构示例代码
2014/02/17 Javascript
JavaScript实现快速排序的方法
2015/07/31 Javascript
js+ajax实现获取文件大小的方法
2015/12/08 Javascript
AngularJS利用Controller完成URL跳转
2016/08/09 Javascript
canvas实现探照灯效果
2017/02/07 Javascript
详解JS: reduce方法实现 webpack多文件入口
2017/02/14 Javascript
js实现QQ面板拖拽效果(慕课网DOM事件探秘)(全)
2017/09/19 Javascript
基于node下的http小爬虫的示例代码
2018/01/11 Javascript
基于Axios 常用的请求方法别名(详解)
2018/03/13 Javascript
js/jQuery实现全选效果
2019/06/17 jQuery
Vue路由之JWT身份认证的实现方法
2019/08/26 Javascript
vue中的过滤器及其时间格式化问题
2020/04/09 Javascript
js实现星星海特效的示例
2020/09/28 Javascript
[32:39]完美世界DOTA2联赛循环赛 Forest vs Inki BO2第一场 11.04
2020/11/04 DOTA
Python实现PS滤镜碎片特效功能示例
2018/01/24 Python
利用python实现逐步回归
2020/02/24 Python
CSS3实现复选框动画特效示例代码
2016/09/27 HTML / CSS
快速创建 HTML5 Canvas 电信网络拓扑图的示例代码
2018/03/21 HTML / CSS
html2canvas生成的图片偏移不完整的解决方法
2020/05/19 HTML / CSS
StudentUniverse英国:学生航班、酒店和旅游
2019/08/25 全球购物
泰国在线书店:SE-ED
2020/06/21 全球购物
大学生职业生涯规划方案
2014/01/03 职场文书
高校教师岗位职责
2014/03/18 职场文书
银行主办会计岗位职责
2014/08/13 职场文书
2014光棍节单身联谊活动策划书
2014/10/10 职场文书
《岳阳楼记》原文、译文赏析
2019/09/10 职场文书
浅析NIO系列之TCP
2021/06/15 Java/Android
vue修饰符.capture和.self的区别
2022/04/22 Vue.js
Nginx 匹配方式
2022/05/15 Servers