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中fade(),show()起始位置的一点小发现
Apr 25 jQuery
关于jquery form表单序列化的注意事项详解
Aug 01 jQuery
jQuery 中msgTips 顶部弹窗效果实现代码
Aug 14 jQuery
jQueryMobile之窗体长内容的缺陷与解决方法实例分析
Sep 20 jQuery
前端html中jQuery实现对文本的搜索功能并把搜索相关内容显示出来
Nov 14 jQuery
jQuery实现定时隐藏对话框的方法分析
Feb 12 jQuery
jQuery实现的简单获取索引功能示例
Jun 04 jQuery
jQuery使用bind动态绑定事件无效的处理方法
Dec 11 jQuery
原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作
Feb 27 jQuery
jQuery+PHP+Ajax实现动态数字统计展示功能
Dec 25 jQuery
jQuery实现的分页插件完整示例
May 26 jQuery
jquery实现简单每周轮换的日历
Sep 10 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
老照片 - 几十年前的收音机与人
2021/03/02 无线电
php中Redis的应用--消息传递
2017/03/28 PHP
如何在PHP中读写文件
2020/09/07 PHP
在页面上用action传递参数到后台出现乱码的解决方法
2013/12/31 Javascript
JavaScript阻止回车提交表单的方法
2015/12/30 Javascript
第九篇Bootstrap导航菜单创建步骤详解
2016/06/21 Javascript
半个小时学json(json传递示例)
2016/12/25 Javascript
BootStrapValidator初使用教程详解
2017/02/10 Javascript
js实现自定义进度条效果
2017/03/15 Javascript
Vue组件通信实践记录(推荐)
2017/08/15 Javascript
vue组件中使用iframe元素的示例代码
2017/12/13 Javascript
微信小程序利用Canvas绘制图片和竖排文字详解
2019/06/25 Javascript
Django实现一对多表模型的跨表查询方法
2018/12/18 Python
详解Python基础random模块随机数的生成
2019/03/23 Python
PyQt5创建一个新窗口的实例
2019/06/20 Python
Python Web框架之Django框架Model基础详解
2019/08/16 Python
如何使用PyCharm将代码上传到GitHub上(图文详解)
2020/04/27 Python
使用keras实现非线性回归(两种加激活函数的方式)
2020/07/05 Python
通过实例解析Python RPC实现原理及方法
2020/07/07 Python
详解python方法之绑定方法与非绑定方法
2020/08/17 Python
详解Canvas实用库Fabric.js使用手册
2019/01/07 HTML / CSS
美国蔬菜和植物种子公司:Burpee
2017/02/01 全球购物
加拿大时装零售商:Influence U
2018/12/22 全球购物
美国最佳选择产品网站:Best Choice Products
2019/05/27 全球购物
生物化学研究助理员求职信
2013/10/09 职场文书
初婚未育证明
2014/01/15 职场文书
护士求职自荐信范文
2014/03/19 职场文书
《欢乐的泼水节》教学反思
2014/04/22 职场文书
学雷锋演讲稿汇总
2014/05/10 职场文书
校优秀毕业生主要事迹
2014/05/26 职场文书
住宿生擅自离校检讨书
2014/09/22 职场文书
群众路线剖析材料
2014/09/30 职场文书
护士辞职信怎么写
2015/02/27 职场文书
付款证明格式范文
2015/06/19 职场文书
python 如何在 Matplotlib 中绘制垂直线
2021/04/02 Python
详解Python函数print用法
2021/06/18 Python