// 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. [LC] 84. Largest Rectangle in Histogram
			
    Given n non-negative integers representing the histogram's bar height where the width of each bar is ...
    
			
    2. 
						
  2. [LC] 253. Meeting Rooms II
			
    Given an array of meeting time intervals consisting of start and end times [[s1,e1],[s2,e2],...] (si ...
    
			
    3. 
						
  3. Listary快速查找文件
			
    快速查找文件 https://www.listary.com/
    
			
    4. 
						
  4. u盘出现大文件无法复制的解决
			
    如果u盘出现大文件无法复制的情况,修改U盘的文件系统格式: 把U盘格式化为NTFS格式.  FAT32的都不能放4G+的文件;右键格式化里如果没有NTFS,就在开始运行里输入cmd 然后输入" ...
    
			
    5. 
						
  5. Trailing Zeroes (III) LightOJ - 1138  二分+找规律
			
    Time Limit: 2 second(s) Memory Limit: 32 MB You task is to find minimal natural number N, so that N! ...
    
			
    6. 
						
  6. FOR xml path 这么爽的SQL命令，居然今天才知道
			
    select  stuff((select ControlName from Base_Controls FOR xml path('')),1,1,'')
    
			
    7. 
						
  7. Android Studio那些错误的问题们
			
    本片博客会记录关于Android开发工具Android Studio出错的那些问题,包括导入项目编译失败.时间过长,莫名其妙的歇菜等等... 问题 3facets cannot be loaded.Y ...
    
			
    8. 
						
  8. Unknown: o pen_basedir restriction in effect. File(XXX) is not within the allo wed path(s): (XXX:/tmp/:/proc/) in Unknown on line 0报错解决
			
    报错: [error] 12321#0: *92386 FastCGI sent in stderr: "PHP message: PHP Warning: Unknown: open_ba ...
    
			
    9. 
						
  9. Network Saboteur （DFS）
			
    题目: A university network is composed of N computers. System administrators gathered information on t ...
    
			
    10. 
						
  10. TesterHome创始人思寒：如何从手工测试进阶自动化测试？十余年经验分享
			
      做测试十多年,有不少人问过我下面问题: 现在的手工测试真的不行了吗? 测试工程师,三年多快四年的经验,入门自动化测试需要多久? 自学自动化测试到底需要学哪些东西? 不得不说,随着行业的竞争加剧,互 ...
    
			
    11.