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实现base64前台加密解密功能详解
Aug 29 jQuery
jQueryUI Sortable 应用Demo(分享)
Sep 07 jQuery
jQuery UI 实例讲解 - 日期选择器(Datepicker)
Sep 18 jQuery
jQuery实现的form转json经典示例
Oct 10 jQuery
jQuery实现验证表单密码一致性及正则表达式验证邮箱、手机号的方法
Dec 05 jQuery
jQuery实现的点击按钮改变样式功能示例
Jul 21 jQuery
jQuery实现轮播图源码
Oct 23 jQuery
jQuery实现验证用户登录
Dec 10 jQuery
jquery实现商品sku多属性选择功能(商品详情页)
Dec 20 jQuery
jQuery操作事件完整实例分析
Jan 10 jQuery
深入分析jQuery.one() 函数
Jun 03 jQuery
jquery实现抽奖功能
Oct 22 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
浅析SVN常见问题及解决方法
2013/06/21 PHP
PHP连接MySQL查询结果中文显示乱码解决方法
2013/10/25 PHP
php检测useragent版本示例
2014/03/24 PHP
Yii框架学习笔记之session与cookie简单操作示例
2019/04/30 PHP
Javascript中eval函数的使用方法与示例
2007/04/09 Javascript
JS 自动完成 AutoComplete(Ajax 查询)
2009/07/07 Javascript
js解析与序列化json数据(三)json的解析探讨
2013/02/01 Javascript
基于JavaScript实现表单密码的隐藏和显示出来
2016/03/02 Javascript
JS简单获取及显示当前时间的方法
2016/08/03 Javascript
深入理解Javascript中的valueOf与toString
2017/01/04 Javascript
详解JavaScript 中getElementsByName在IE中的注意事项
2017/02/21 Javascript
详解nodejs操作mongodb数据库封装DB类
2017/04/10 NodeJs
javascript+html5+css3自定义提示窗口
2017/06/21 Javascript
Nuxt.js踩坑总结分享
2018/01/18 Javascript
django简单的前后端分离的数据传输实例 axios
2020/05/18 Javascript
速记Python布尔值
2017/11/09 Python
详解python中的Turtle函数库
2018/11/19 Python
简单了解python 生成器 列表推导式 生成器表达式
2019/08/22 Python
Django1.11配合uni-app发起微信支付的实现
2019/10/12 Python
解决Django提交表单报错:CSRF token missing or incorrect的问题
2020/03/13 Python
Python参数传递及收集机制原理解析
2020/06/05 Python
Python实现加密接口测试方法步骤详解
2020/06/05 Python
草莓网美国官网:Strawberrynet USA
2016/12/11 全球购物
Forever 21美国官网:美国标志性快时尚品牌
2017/02/20 全球购物
美国家用和厨房电器销售网站:Appliances Connection
2020/01/24 全球购物
运动会解说词100字
2014/01/31 职场文书
业务部门经理岗位职责
2014/02/23 职场文书
宾馆仓管员岗位职责
2014/07/27 职场文书
高中生第一学年自我鉴定2015
2014/09/28 职场文书
检讨书大全
2015/01/27 职场文书
个人先进事迹总结
2015/02/26 职场文书
大学生求职信怎么写
2015/03/19 职场文书
关于倡议书的范文
2015/04/29 职场文书
工作年限证明模板
2015/06/15 职场文书
小学校长开学致辞
2015/07/29 职场文书
读《人生的智慧》有感:闲暇是人生的精华
2019/12/25 职场文书