// 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. inventor卸载/完美解决安装失败/如何彻底卸载清除干净inventor各种残留注册表和文件的方法
			
    在卸载inventor重装inventor时发现安装失败,提示是已安装inventor或安装失败.这是因为上一次卸载inventor没有清理干净,系统会误认为已经安装inventor了.有的同学是新装 ...
    
			
    2. 
						
  2. program files 和 program files 86
			
    
			
    3. 
						
  3. npm install依赖时，常见错误
			
    1.npm install依赖时,报错:npm ERR! Unexpected end of JSON input while parsing near '...gin":"^1. ...
    
			
    4. 
						
  4. Nginx笔记总结十六:nginx优化指南
			
    1.高层的配置 worker_processes 定义了nginx对外提供web服务时的worker进程数 worker_rlimit_nofile 更改worker进程最大打开文件数量限制,如果没有 ...
    
			
    5. 
						
  5. 支持向量机 SVM - Wenjing
			
    概念 将向量映射到一个更高维的空间里,在这个空间里建立有一个最大间隔超平面.在分开数据的超平面的两边建有两个互相平行的超平面,分隔超平面使两个平行超平面的距离最大化.假定平行超平面间的距离或差距越大, ...
    
			
    6. 
						
  6. Cobalt Strike学习笔记
			
    Cobalt Strike 一款以metasploit为基础的GUI的框架式渗透测试工具,集成了端口转发.服务扫描,自动化溢出,多模式端口监听,win exe木马生成,win dll木马生成,java ...
    
			
    7. 
						
  7. SetTimeout（）多次运行函数后越来越快的问题
			
    问题原因很简单,但是由于代码逻辑问题,一直没有考虑到: 网上有个帖子说的很明白:原帖入口 假如你在0时刻点击了一下按钮,那么500ms时数字会跳一下,1000ms会再跳一下,依次类推,1500,200 ...
    
			
    8. 
						
  8. IIS+PHP+Mysql 返回500，服务器内部资源问题
			
    这个错误困扰了我好久.... 尝试了好多方法都不管用,最后突然发现我的代码是: <?php $link=mysql_connect("localhost","xxx ...
    
			
    9. 
						
  9. STL迭代器的使用、正向、逆向输出双向链表中的所有元素
			
    */ * Copyright (c) 2016,烟台大学计算机与控制工程学院 * All rights reserved. * 文件名:text.cpp * 作者:常轩 * 微信公众号:Worldhe ...
    
			
    10. 
						
  10. [Abp vNext 源码分析] - 19. 多租户
			
    一.简介 ABP vNext 原生支持多租户体系,可以让开发人员快速地基于框架开发 SaaS 系统.ABP vNext 实现多租户的思路也非常简单,通过一个 TenantId 来分割各个租户的数据,并 ...
    
			
    11.