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实现tab键进行选择后enter键触发click行为
Mar 29 jQuery
jQuery实现分页功能(含ajax请求、后台数据、附完整demo)
Apr 03 jQuery
jQuery查找和过滤_动力节点节点Java学院整理
Jul 04 jQuery
jQuery封装placeholder效果实现方法,让低版本浏览器支持该效果
Jul 08 jQuery
利用JQuery操作iframe父页面、子页面的元素和方法汇总
Sep 10 jQuery
jquery应用实例分享_实现手风琴特效
Feb 01 jQuery
jquery 实现拖动文件上传加载进度条功能
Mar 18 jQuery
jQuery使用each遍历循环的方法
Sep 19 jQuery
详解jQuery获取特殊属性的值以及设置内容
Nov 14 jQuery
使用jQuery动态设置单选框的选中效果
Dec 06 jQuery
jQuery中DOM常见操作实例小结
Aug 01 jQuery
详解jQuery中的prop()使用方法
Jan 05 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 strstr查找字符串中是否包含某些字符的查找函数
2010/06/03 PHP
yii框架中的Url生产问题小结
2012/01/16 PHP
php页面消耗内存过大的处理办法
2013/03/18 PHP
基于php缓存的详解
2013/05/15 PHP
浅析Mysql 数据回滚错误的解决方法
2013/08/05 PHP
实现在同一方法中获取当前方法中新赋值的session值解决方法
2014/06/26 PHP
PHP实现算式验证码和汉字验证码实例
2015/03/09 PHP
100行PHP代码实现socks5代理服务器
2016/04/28 PHP
深入剖析浏览器退出之后php还会继续执行么
2016/05/17 PHP
PHP变量的作用范围实例讲解
2020/12/22 PHP
Javascript实例教程(19) 使用HoTMetal(3)
2006/12/23 Javascript
在页面上点击任一链接时触发一个事件的代码
2007/04/07 Javascript
js 操作css实现代码
2009/06/11 Javascript
jquery实现网页查找功能示例分享
2014/02/12 Javascript
Jquery对数组的操作技巧整理
2014/03/25 Javascript
JavaScript实现跨浏览器的添加及删除事件绑定函数实例
2015/08/04 Javascript
jQuery实现仿QQ在线客服效果的滚动层代码
2015/10/15 Javascript
javascript:void(0)是什么意思及href=#与href=javascriptvoid(0)的区别
2015/11/13 Javascript
基于javascript实现窗口抖动效果
2016/01/03 Javascript
利用JS做网页特效_大图轮播(实例讲解)
2017/08/09 Javascript
详解vue-cli 接口代理配置
2017/12/13 Javascript
vue 父组件调用子组件方法及事件
2018/03/29 Javascript
vscode下vue项目中eslint的使用方法
2019/01/13 Javascript
Vue.js中的组件系统
2019/05/30 Javascript
Vue数字输入框组件使用方法详解
2020/02/10 Javascript
js实现随机抽奖
2020/03/19 Javascript
Python针对给定字符串求解所有子序列是否为回文序列的方法
2018/04/21 Python
Python3 pip3 list 出现 DEPRECATION 警告的解决方法
2019/02/16 Python
python3 深浅copy对比详解
2019/08/12 Python
numpy创建单位矩阵和对角矩阵的实例
2019/11/29 Python
基于python+selenium的二次封装的实现
2020/01/06 Python
公司市场专员岗位职责
2014/06/29 职场文书
领导班子党的群众路线教育实践活动对照检查材料
2014/09/25 职场文书
2014高三学生考试作弊检讨书
2014/12/14 职场文书
法律服务所工作总结
2015/08/10 职场文书
高中班主任工作总结(范文)
2019/08/20 职场文书