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判断邮箱格式对错实例代码讲解
Apr 12 jQuery
jQuery实现点击关注和取消功能
Jul 03 jQuery
浅谈事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流
Jul 22 jQuery
jQuery EasyUI Layout实现tabs标签的实例
Sep 26 jQuery
将jquery.qqFace.js表情转换成微信的字符码
Dec 01 jQuery
利用jQuery+localStorage实现一个简易的计时器示例代码
Dec 25 jQuery
jquery写出PC端轮播图实例
Jan 26 jQuery
Jquery获取radio选中值实例总结
Jan 17 jQuery
jquery制作的移动端购物车效果完整示例
Feb 24 jQuery
jQuery中event.target和this的区别详解
Aug 13 jQuery
jQuery实现简单全选框
Sep 13 jQuery
IDEA配置jQuery, $符号不再显示黄色波浪线的问题
Oct 09 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+MSSQL分页的例子
2006/10/09 PHP
用php+mysql一个名片库程序
2006/10/09 PHP
php 修改zen-cart下单和付款流程以防止漏单
2010/03/08 PHP
ThinkPHP 表单自动验证运用示例
2014/10/13 PHP
php微信开发接入
2016/08/27 PHP
PHP版单点登陆实现方案的实例
2016/11/17 PHP
JavaScript实现Sleep函数的代码
2007/03/04 Javascript
JavaScript面向对象(极简主义法minimalist approach)
2012/07/17 Javascript
js相册效果代码(点击创建即可)
2013/04/16 Javascript
框架页面高度自动刷新的Javascript脚本
2013/11/01 Javascript
ie 7/8不支持trim的属性的解决方案
2014/05/23 Javascript
javascript 中__proto__和prototype详解
2014/11/25 Javascript
PHP+jQuery+Ajax实现多图片上传效果
2015/03/14 Javascript
JavaScript中调用函数的4种方式代码实例
2015/07/08 Javascript
js带点自动图片轮播幻灯片特效代码分享
2015/09/07 Javascript
在ASP.NET MVC项目中使用RequireJS库的用法示例
2016/02/15 Javascript
easyui messager alert 三秒后自动关闭提示的实例
2016/11/07 Javascript
JS匿名函数实例分析
2016/11/26 Javascript
javascript数组去重方法分析
2016/12/15 Javascript
vue 实现移动端键盘搜索事件监听
2019/11/06 Javascript
详解Vue中的MVVM原理和实现方法
2020/07/15 Javascript
Python写的一个简单监控系统
2015/06/19 Python
Python字符串格式化%s%d%f详解
2018/02/02 Python
Django forms组件的使用教程
2018/10/08 Python
pandas筛选某列出现编码错误的解决方法
2018/11/07 Python
python自动化测试之如何解析excel文件
2019/06/27 Python
Docker部署Python爬虫项目的方法步骤
2020/01/19 Python
python opencv进行图像拼接
2020/03/27 Python
Django import export实现数据库导入导出方式
2020/04/03 Python
Python如何利用Har文件进行遍历指定字典替换提交的数据详解
2020/11/05 Python
对Pytorch 中的contiguous理解说明
2021/03/03 Python
后勤人员岗位职责
2013/12/17 职场文书
药学专业个人的自我评价
2013/12/31 职场文书
给校长的建议书200字
2014/05/16 职场文书
安全生产工作汇报材料
2014/10/28 职场文书
物业客服专员岗位职责
2015/04/07 职场文书