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插件FusionCharts实现的MSBar3D图效果示例【附demo源码】
Mar 23 jQuery
文本溢出插件jquery.dotdotdot.js使用方法详解
Jun 22 jQuery
JQuery 选择器、DOM节点操作练习实例
Sep 28 jQuery
springmvc接收jquery提交的数组数据代码分享
Oct 28 jQuery
使用jQuery 操作table 完成单元格合并的实例
Dec 27 jQuery
jQuery实现获取及设置CSS样式操作详解
Sep 05 jQuery
jquery 动态遍历select 赋值的实例
Sep 12 jQuery
jQuery+PHP实现上传裁剪图片
Jun 29 jQuery
jQuery实现的鼠标拖动浮层功能示例【拖动div等任何标签】
Dec 29 jQuery
jQuery操作元素追加内容示例
Jan 10 jQuery
基于jQuery拖拽事件的封装
Nov 29 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数组遍历知识汇总(包含遍历方法、数组指针操作函数、数组遍历测速)
2014/07/05 PHP
PHP基于单例模式实现的数据库操作基类
2016/01/15 PHP
jQuery 工具函数学习资料
2010/04/29 Javascript
javascript在当前窗口关闭前检测窗口是否关闭
2014/09/29 Javascript
JavaScript更改字符串的大小写
2015/05/07 Javascript
基于JS实现的倒计时程序实例
2015/07/24 Javascript
基于javascript实现图片预加载
2016/01/05 Javascript
jQuery中的insertBefore(),insertAfter(),after(),before()区别介绍
2016/09/01 Javascript
javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】
2016/12/15 Javascript
Vue.Js中的$watch()方法总结
2017/03/23 Javascript
vue router路由嵌套不显示问题的解决方法
2017/06/17 Javascript
解决vue-cli脚手架打包后vendor文件过大的问题
2018/09/27 Javascript
jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】
2019/06/06 jQuery
vue实现日历备忘录功能
2020/09/24 Javascript
Vue+Element实现网页版个人简历系统(推荐)
2019/12/31 Javascript
es6函数之严格模式用法实例分析
2020/03/17 Javascript
解决vue scoped scss 无效的问题
2020/09/04 Javascript
Python访问MySQL封装的常用类实例
2014/11/11 Python
Python中矩阵库Numpy基本操作详解
2017/11/21 Python
python使用tkinter实现简单计算器
2018/01/30 Python
python2 与 python3 实现共存的方法
2018/07/12 Python
python 重命名轴索引的方法
2018/11/10 Python
python实现代码统计程序
2019/09/19 Python
基于python3的socket聊天编程
2020/02/17 Python
Python3+selenium实现cookie免密登录的示例代码
2020/03/18 Python
瑞典度假品牌:OAS
2019/05/28 全球购物
C#面试题问题集
2016/04/02 面试题
个人自我评价分享
2013/12/20 职场文书
财务会计毕业生个人求职信
2014/02/03 职场文书
英语国培研修感言
2014/02/13 职场文书
《夏夜多美》教学反思
2014/02/17 职场文书
2015年感恩节演讲稿(优选篇)
2015/03/20 职场文书
《梅花魂》教学反思
2016/02/18 职场文书
某某店铺的开业庆典主持词范本
2019/11/25 职场文书
详解jQuery的核心函数和事件处理
2022/02/18 jQuery
CSS文本阴影 text-shadow 悬停效果详解
2022/05/25 HTML / CSS