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动画_动力节点节点Java学院整理
Jul 04 jQuery
jQuery常用选择器详解
Jul 17 jQuery
jQuery获取table表中的td标签(实例讲解)
Jul 28 jQuery
JQuery判断正整数整理小结
Aug 21 jQuery
JS和jQuery通过this获取html标签中的属性值(实例代码)
Sep 11 jQuery
解决jquery appaend元素中id绑定事件失效的问题
Sep 12 jQuery
jQuery实现的粘性滚动导航栏效果实例【附源码下载】
Oct 19 jQuery
jQuery实现图片上传预览效果功能完整实例【测试可用】
May 28 jQuery
jQuery分组选择器简单用法示例
Apr 04 jQuery
jQuery zTree插件快速实现目录树
Aug 16 jQuery
jquery实现点击弹出对话框
Feb 08 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
phpMyAdmin 链接表的附加功能尚未激活的问题
2010/08/01 PHP
PHP中的静态变量及static静态变量使用详解
2015/11/05 PHP
php实现面包屑导航例子分享
2015/12/19 PHP
php中Redis的应用--消息传递
2017/03/28 PHP
PHP PDO和消息队列的个人理解与应用实例分析
2019/11/25 PHP
Laravel + Elasticsearch 实现中文搜索的方法
2020/02/02 PHP
js本身的局限性 别让javascript做太多事
2010/03/23 Javascript
Javascript的一种模块模式
2010/09/08 Javascript
js数值和和字符串进行转换时可以对不同进制进行操作
2014/03/05 Javascript
JavaScript检测浏览器cookie是否已经启动的方法
2015/02/27 Javascript
深入JavaScript高级程序设计之对象、数组(栈方法,队列方法,重排序方法,迭代方法)
2015/12/01 Javascript
理解javascript异步编程
2016/01/27 Javascript
用JavaScript和jQuery实现瀑布流
2017/03/19 Javascript
VUE长按事件需求详解
2017/10/18 Javascript
JS实现字符串翻转的方法分析
2018/08/31 Javascript
vue项目搭建以及全家桶的使用详细教程(小结)
2018/12/19 Javascript
微信小程序 scroll-view 水平滚动实现过程解析
2019/10/12 Javascript
vue vant Area组件使用详解
2019/12/09 Javascript
解决vue项目运行提示Warnings while compiling.警告的问题
2020/09/18 Javascript
python文件和目录操作函数小结
2014/07/11 Python
简单介绍Python中的几种数据类型
2016/01/02 Python
详解使用 pyenv 管理多个版本 python 环境
2017/10/19 Python
python实现简易内存监控
2018/06/21 Python
Python3 无重复字符的最长子串的实现
2019/10/08 Python
python的range和linspace使用详解
2019/11/27 Python
马来西亚在线健康商店:Medipal Malaysia
2020/04/13 全球购物
举例说明类变量和实例变量的区别
2016/06/30 面试题
体育专业学生自我评价范文
2014/01/17 职场文书
小学数学课后反思
2014/04/23 职场文书
世界环境日活动总结
2015/02/11 职场文书
研究生导师推荐信
2015/03/25 职场文书
2015年普法依法治理工作总结
2015/05/26 职场文书
单位病假条范文
2015/08/17 职场文书
Nginx 反向代理解决跨域问题多种情况分析
2022/01/18 Servers
Elasticsearch 批量操作
2022/04/19 Python
Redis过期数据是否会被立马删除
2022/07/23 Redis