// JavaScript Document

function myAddEvent(obj,sEv,fn){

    alert('fn:'+fn);

    if(obj.attachEvent){

        obj.attachEvent('on'+sEv,fn);

    }else{

        obj.addEventListener(sEv,fn,false);

    }

}

/*getClassName 完整版*/

function getClassName(oParent,sClass){

    var aEle = oParent.getElementsByTagName('*');

    var iResult = [];

    /*一般如果需要传递参数就用new RegExp,不用//，//会把里面的所有内容都当场字符串*/

    var re = new RegExp('\\b'+sClass+'\\b');

    for(var i=0;i<aEle.length;i++){

        if(re.test(aEle[i].className)){

            iResult.push(aEle[i]);

        }

    }

    return iResult;

}

function Vquery(vArg){

    this.elements = [];

    switch(typeof vArg){

        case 'function':

                alert(111);

                myAddEvent(window,'load',vArg);

            break;

        case 'string':

            switch(vArg.charAt(0)){

                case '#'://id

                    var obj = document.getElementById(vArg.substring(1));

                    this.elements.push(obj);

                    break;

                case '.'://class

                    this.elements = getClassName(document,vArg.substring(1));

                    break;

                default    ://tagname

                    this.elements = document.getElementsByTagName(vArg);

                    break;

            }

            break;

        default: /*对象*/

            break;

    }

}






<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<script src='vQuery.js'></script>

<script>

window.onload = function(){

    new Vquery(function(){

        alert('a');

    });

    new Vquery(function(){

        alert('b');

    });

};

</script>

</head>

<body>

</body>

</html>


												


											
js Vquery的更多相关文章
	

    
								
  1. VQuery高级特性
		
    VQuery高级特性 css方法 同时设置多个--for in 链式操作 链式操作 函数,链式操作 css 方法链式操作 json的使用 阻止冒泡,默认事件 VQuery插件 插件机制 可以扩展库的功 ...
    
		
    2. 
						
  2. VQuery选择器
		
    VQUery elements属性,储存选中的元素 参数 typeof的作用 字符串 class  ID tagName 函数 事件绑定 对象 直接插入 $函数 绑定事件 click方法 显示隐藏,- ...
    
		
    3. 
						
  3. 常见的js函数
		
    改变元素的样式   var  changeStyle = function(elem,name,value){      elem.style[name] = value; }   空位补零   fu ...
    
		
    4. 
						
  4. vquery 一些应用
		
    // JavaScript Document function myAddEvent(obj,sEv,fn){ if(obj.attachEvent){ obj.attachEvent('on'+sE ...
    
		
    5. 
						
  5. 用原生js写一个"多动症"的简历
		
    用原生js写一个"多动症"的简历 预览地址源码地址 最近在知乎上看到@方应杭用vue写了一个会动的简历,觉得挺好玩的,研究一下其实现思路,决定试试用原生js来实现. 会动的简历实现 ...
    
		
    6. 
						
  6. Vue.js 和 MVVM 小细节
		
    MVVM 是Model-View-ViewModel 的缩写,它是一种基于前端开发的架构模式,其核心是提供对View 和 ViewModel 的双向数据绑定,这使得ViewModel 的状态改变可以自 ...
    
		
    7. 
						
  7. js学习笔记：操作iframe
		
    iframe可以说是比较老得话题了,而且网上也基本上在说少用iframe,其原因大致为:堵塞页面加载.安全问题.兼容性问题.搜索引擎抓取不到等等,不过相对于这些缺点,iframe的优点更牛,跨域请求. ...
    
		
    8. 
						
  8. js学习笔记：webpack基础入门（一）
		
    之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...
    
		
    9. 
						
  9. JS调用Android、Ios原生控件
		
    在上一篇博客中已经和大家聊了,关于JS与Android.Ios原生控件之间相互通信的详细代码实现,今天我们一起聊一下JS调用Android.Ios通信的相同点和不同点,以便帮助我们在进行混合式开发时, ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Angular开发者指南（六）作用域
			
    什么是作用域? 作用域是引用应用程序模型的对象. 它是表达式的执行上下文. 作用域以层次结构排列,模仿应用程序的DOM结构,它可以观察表达式和传播事件. 作用域的特征 Scope提供API($watc ...
    
			
    2. 
						
  2. AUTODESK 卸载工具，完美彻底卸载清除干净autodesk各种软件残留注册表和文件
			
    小伙伴是不是遇到 CAD/3dmax/maya/Revit/Inventor 安装失败或者安装不了的问题了呢?AUTODESK系列软件着实令人头疼,CAD/3dmax/maya/Revit/Inven ...
    
			
    3. 
						
  3. make的工作方式
			
    摘自<跟我一起写Makefile> GUN的make工作时的执行步骤如下: 1)读入所有的Makefile. 2)读入被include的其他Makeifle. 3)初始化文件中的变量. 4 ...
    
			
    4. 
						
  4. 关于JavaScript中的==与！的转换问题
			
    最近遇到了一道很有趣的JavaScript试题,感觉很有趣.记录一下免得以后面试遇到 题目是: console.log([]==![],{}==!{},[]==!{},{}==![]) 这道题考察的主 ...
    
			
    5. 
						
  5. 上传第三方jar包到nexus
			
    1.创建一个新的repository存放第三方jar包(3rd_party) 2.执行以下命令进行上传:切记需要上传的本地jar包路径不能在本地仓库下,可以随便放一个位置.(以下标红的,请根据自己情况 ...
    
			
    6. 
						
  6. 数位dp对于状态描述与发现的一些感悟
			
    今天刷的数位dp 第一题看了题解以后知道了数位dp的基本板子,写数位dp的方式(运用记忆化递归的方法)已经基本固定. 那么接下来的难点主要还是对于题目描述的问题,如何抽象成dp中的状态.就今天刷的题来 ...
    
			
    7. 
						
  7. Lego：美团点评接口自动化测试实践
			
    概述 接口自动化概述   众所周知,接口自动化测试有着如下特点: 低投入,高产出. 比较容易实现自动化. 和UI自动化测试相比更加稳定. 如何做好一个接口自动化测试项目呢? 我认为,一个“好的”自动化 ...
    
			
    8. 
						
  8. 基于mykernel完成时间片轮询多道进程的简单内核
			
    基于mykernel完成时间片轮询多道进程的简单内核 原创作品转载请注明出处+中科大孟宁老师的linux操作系统分析:https://github.com/mengning/linuxkernel/  ...
    
			
    9. 
						
  9. NEWMING
			
    这里只是列举一些常用的文件操作命令. cd 跳转切换目录 # 格式:cd dirname 比如在打开用户主目录盘下的 myidoc 文件夹 cd ~/myidoc 跳转到当前目录的上一级 cd ../ ...
    
			
    10. 
						
  10. HTML5中form的新增属性或元素
			
    1.新增的表单元素 1.1 progress表示任务的完成情况,常用于进度条. max 定义进度元素所要求的任务的工作量,默认值为1 value 定义已经完成的工作量,如果max值为1,该值必须是介于 ...
    
			
    11.