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.masonry瀑布流效果
May 25 jQuery
jquery单击文字或图片内容放大并居中显示
Jun 23 jQuery
jquery图片放大镜效果
Jun 23 jQuery
jQuery扩展_动力节点Java学院整理
Jul 05 jQuery
jQuery.Ajax()的data参数类型详解
Jul 23 jQuery
jQuery实现拼图小游戏(实例讲解)
Jul 24 jQuery
jQuery Position方法使用和兼容性
Aug 23 jQuery
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
Sep 22 jQuery
jQuery实现下拉菜单动态添加数据点击滑出收起其他功能
Jun 14 jQuery
基于ajax及jQuery实现局部刷新过程解析
Sep 12 jQuery
jQuery实现简单弹幕制作
Dec 10 jQuery
jQuery class属性操作addClass()与removeClass()、hasClass()、toggleClass()
Mar 31 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
笑谈配置,使用Smarty技术
2007/01/04 PHP
PHP 数组教程 定义数组
2009/10/23 PHP
使用php记录用户通过搜索引擎进网站的关键词
2014/02/13 PHP
关于PHP中Session文件过多的问题及session文件保存位置
2016/03/17 PHP
php实现通过stomp协议连接ActiveMQ操作示例
2020/02/23 PHP
javascript 面向对象全新理练之数据的封装
2009/12/03 Javascript
jQuery创建自己的插件(自定义插件)的方法
2010/06/10 Javascript
基于jQuery的自动完成插件
2011/02/03 Javascript
javascript禁制后退键(Backspace)实例代码
2013/11/15 Javascript
jQuery select表单提交省市区城市三级联动核心代码
2014/06/09 Javascript
使用jquery组件qrcode生成二维码及应用指南
2015/02/22 Javascript
jQuery实现表格颜色交替显示的方法
2015/03/09 Javascript
jQuery带进度条全屏图片轮播特效代码分享
2020/06/28 Javascript
JQuery实现网页右侧随动广告特效
2016/01/17 Javascript
Angular2从搭建环境到开发步骤详解
2016/10/17 Javascript
JavaScript模拟文件拖选框样式v1.0的实例
2017/08/04 Javascript
vue实现样式之间的切换及vue动态样式的实现方法
2017/12/19 Javascript
bootstrap-table.js扩展分页工具栏(增加跳转到xx页)功能
2017/12/28 Javascript
Nginx设置为Node.js的前端服务器方法总结
2019/03/27 Javascript
JS中超越现实的匿名函数用法实例分析
2019/06/21 Javascript
vue中监听路由参数的变化及方法
2019/12/06 Javascript
对vuex中store和$store的区别说明
2020/07/24 Javascript
jenkins自动构建发布vue项目的方法步骤
2021/01/04 Vue.js
python XlsxWriter模块创建aexcel表格的实例讲解
2018/05/03 Python
Pytorch 神经网络—自定义数据集上实现教程
2020/01/07 Python
解决pytorch报错:AssertionError: Invalid device id的问题
2020/01/10 Python
乌克兰网上服装店:Bolf.ua
2018/10/30 全球购物
学校师德承诺书
2014/05/23 职场文书
机关党员公开承诺书
2014/08/30 职场文书
巾帼文明岗事迹材料
2014/12/24 职场文书
525心理健康活动总结
2015/05/08 职场文书
同事去世追悼词
2015/06/23 职场文书
婚庆开业庆典主持词
2015/06/30 职场文书
运动会跳远广播稿
2015/08/19 职场文书
idea编译器vue缩进报错问题场景分析
2021/07/04 Vue.js
Pytorch中使用ImageFolder读取数据集时忽略特定文件
2022/03/23 Python