// 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开发者指南（四）控制器
			
    了解控制器controller 在AngularJS中,Controller由JavaScript构造函数定义,用于扩充AngularJS Scope. 当控制器通过ng-controller指令连接 ...
    
			
    2. 
						
  2. CentOS 5.5 --学习（1）
			
    一.解决浏览器乱码问题: 用yum 安装 yum  -y  install  fonts-chinese yum  -y  install  fonts-ISO8859-2-75dpiCentOS系统 ...
    
			
    3. 
						
  3. RAM子账户登录DMS对库进行管理
			
    前言:阿里云账户是个权限很大的账户,有时候为了不让更多的人知道,但是又必须让别人管理里面某个模块的功能的时候,RAM子账户就显得很重要,所以设置子账户的权限就很有必要了,下面简单设置两种权限(dms上 ...
    
			
    4. 
						
  4. REVIT 卸载工具，完美彻底卸载清除干净revit各种残留注册表和文件
			
    一些同学安装revit出错了,也有时候想重新安装revit的时候会出现这种本电脑windows系统已安装revit,你要是不留意直接安装,只会安装revit的附件,revit是不会安装上的.这种原因呢 ...
    
			
    5. 
						
  5. labview相关内容
			
    索引数组的用法:https://jingyan.baidu.com/album/90808022e6d0f7fd91c80fd2.html?picindex=1 定时顺序结构用法:http://zon ...
    
			
    6. 
						
  6. SpringMVC学习笔记七:SpringMVC的数据验证
			
    SpringMVC支持JSR(Java Specification Requests, Java规范提案)303-Bean Validation数据验证规范,该规范的实现者很多,其中较常用的是 Hib ...
    
			
    7. 
						
  7. 算法设计与分析-Week12
			
    题目描述 You are given coins of different denominations and a total amount of money amount. Write a func ...
    
			
    8. 
						
  8. 部署描述符web.xml
			
    部署描述符应用场景 需要传递初始参数给ServletContext 有多个过滤器,并要指定调用顺序 需要更改会话超时设置 要限制资源的访问,并配置用户身份验证方式 xsi:schemaLocation ...
    
			
    9. 
						
  9. 在CodaLab上提交MURA竞赛的结果
			
    What is MURA? MURA (musculoskeletal radiographs) is a large dataset of bone X-rays. Algorithms are t ...
    
			
    10. 
						
  10. RxJava学习笔记(操作符)
			
    前言 上一篇文章介绍了RxJava的基础知识和简单实现,篇幅已经比较多了,所以把操作符(Operators)相关的内容放在这一篇.有了上一篇文章的基础,相信会比较容易理解操作符相关的内容了. 操作符( ...
    
			
    11.