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插件Echarts实现的渐变色柱状图
Mar 23 jQuery
jQuery自定义图片上传插件实例代码
Apr 04 jQuery
jQuery中map函数的两种方式
Apr 07 jQuery
jquery replace方法去空格
May 08 jQuery
JQueryMiniUI按照时间进行查询的实现方法
Jun 07 jQuery
利用jquery去掉时光轴头尾部线条的方法实例
Jun 16 jQuery
JQuery和html+css实现带小圆点和左右按钮的轮播图实例
Jul 22 jQuery
使用jQuery实现鼠标点击左右按钮滑动切换
Aug 04 jQuery
jQuery UI 实例讲解 - 日期选择器(Datepicker)
Sep 18 jQuery
HTML5+JS+JQuery+ECharts实现异步加载问题
Dec 16 jQuery
jQuery动态添加元素无法触发绑定事件的解决方法分析
Jan 02 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学习之PHP变量
2006/10/09 PHP
ThinkPHP中实例Model方法的区别说明
2010/08/21 PHP
apache+codeigniter 通过.htcaccess做动态二级域名解析
2012/07/01 PHP
php正则表达式使用方法整理集合
2020/01/31 PHP
PHP+ajax实现上传、删除、修改单张图片及后台处理逻辑操作详解
2020/02/12 PHP
JavaScript入门教程(10) 认识其他对象
2009/01/31 Javascript
面向对象的javascript(笔记)
2009/10/06 Javascript
JS trim去空格的最佳实践
2011/10/30 Javascript
体验js中splice()的强大(插入、删除或替换数组的元素)
2013/01/16 Javascript
JavaScript使用循环和分割来替换和删除元素实例
2014/10/13 Javascript
AngularJS中run方法的巧妙运用
2017/01/04 Javascript
node.js爬虫爬取拉勾网职位信息
2017/03/14 Javascript
VueJS事件处理器v-on的使用方法
2017/09/27 Javascript
微信小程序 scroll-view实现锚点滑动的示例
2017/12/06 Javascript
在小程序中集成redux/immutable/thunk第三方库的方法
2018/08/12 Javascript
解决vue-cli单页面手机应用input点击手机端虚拟键盘弹出盖住input问题
2018/08/25 Javascript
浅谈webpack和webpack-cli模块源码分析
2020/01/19 Javascript
vue使用better-scroll实现滑动以及左右联动
2020/06/30 Javascript
通过实例了解Render Props回调地狱解决方案
2020/11/04 Javascript
python使用urllib2实现发送带cookie的请求
2015/04/28 Python
Python socket编程实例详解
2015/05/27 Python
jupyter安装小结
2016/03/13 Python
python实现的二叉树定义与遍历算法实例
2017/06/30 Python
利用selenium 3.7和python3添加cookie模拟登陆的实现
2017/11/20 Python
关于python写入文件自动换行的问题
2018/06/23 Python
Python绘图实现显示中文
2019/12/04 Python
Python 随机按键模拟2小时
2020/12/30 Python
英国网上花店:Bunches
2016/11/29 全球购物
美国值得信赖的婚恋交友网站:eHarmony
2018/10/04 全球购物
意大利奢侈品牌在线精品店:Jole.it
2020/11/23 全球购物
What is the purpose of Void class? Void类的作用是什么?
2016/10/31 面试题
外贸业务员求职自荐信分享
2013/09/21 职场文书
公司证明怎么写
2014/09/22 职场文书
教育合作协议范本
2014/10/17 职场文书
八年级数学教学反思
2016/02/17 职场文书
详解TS数字分隔符和更严格的类属性检查
2021/05/06 Javascript