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实现动态添加小广告
Jul 11 jQuery
jQuery实现的粘性滚动导航栏效果实例【附源码下载】
Oct 19 jQuery
详解使用jQuery.i18n.properties实现js国际化
May 04 jQuery
jQuery中元素选择器(element)简单用法示例
May 14 jQuery
jQuery实现带3D切割效果的轮播图功能示例【附源码下载】
Apr 04 jQuery
jQuery模拟html下拉多选框的原生实现方法示例
May 30 jQuery
jQuery实现弹幕特效
Nov 29 jQuery
jQuery实现验证用户登录
Dec 10 jQuery
jQuery实现视频展示效果
May 30 jQuery
jQuery实现日历效果
Sep 11 jQuery
jquery实现简易验证插件封装
Sep 13 jQuery
jquery简易手风琴插件的封装
Oct 13 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中intval()等int转换时的意外异常情况
2013/06/21 PHP
php  PATH_SEPARATOR判断当前服务器系统类型实例
2016/10/28 PHP
PHP基于curl post实现发送url及相关中文乱码问题解决方法
2017/11/25 PHP
获取dom元素那些讨厌的位置封装代码
2010/06/23 Javascript
jQuery Tools tooltip使用说明
2012/07/14 Javascript
类似天猫商品详情随浏览器移动的示例代码
2014/02/27 Javascript
JavaScript的React Web库的理念剖析及基础上手指南
2016/05/10 Javascript
EXT中单击button按钮grid添加一行(光标位置可设置)的实例代码
2016/06/02 Javascript
Vue.js render方法使用详解
2017/04/05 Javascript
jQuery实现下拉菜单动态添加数据点击滑出收起其他功能
2018/06/14 jQuery
详解vue-cli官方脚手架配置
2018/07/20 Javascript
AngularJS上传文件的示例代码
2018/11/10 Javascript
vue-router 起步步骤详解
2019/03/26 Javascript
bootstrap datepicker的基本使用教程
2019/07/09 Javascript
js 实现watch监听数据变化的代码
2019/10/13 Javascript
小程序选项卡以及swiper套用(跨页面)
2020/06/19 Javascript
解决echarts数据二次渲染不成功的问题
2020/07/20 Javascript
Python基于回溯法子集树模板解决数字组合问题实例
2017/09/02 Python
python如何生成各种随机分布图
2018/08/27 Python
python rsync服务器之间文件夹同步脚本
2019/08/29 Python
Django文件上传与下载(FileFlid)
2019/10/06 Python
django美化后台django-suit的安装配置操作
2020/07/12 Python
pandas使用函数批量处理数据(map、apply、applymap)
2020/11/27 Python
台湾乐天市场:日本No.1的网路购物网站
2017/03/22 全球购物
俄罗斯香水和化妆品购物网站:Л’Этуаль
2018/05/10 全球购物
印度手工编织服装和家居用品商店:Fabindi
2019/10/07 全球购物
js正则匹配markdown里的图片标签的实现
2021/03/24 Javascript
企业车辆管理制度
2014/01/24 职场文书
网络书店创业计划书
2014/02/07 职场文书
体育馆的标语
2014/06/24 职场文书
党员群众路线个人整改措施思想汇报
2014/10/12 职场文书
预备党员个人总结
2015/02/14 职场文书
工商行政处罚决定书
2015/06/24 职场文书
2015年秋季小学开学典礼主持词
2015/07/16 职场文书
2016党员入党决心书
2015/09/22 职场文书
goland 恢复已更改文件的操作
2021/04/28 Golang