// 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. SQL中的子查询
			
    目录 WHERE子查询 HAVING子查询 FROM子查询 SELECT子查询 EXISIT子查询 查询薪资排名的员工信息(面试) z子查询就是将一个查询(子查询)的结果作为另一个查询(主查询)的数据 ...
    
			
    2. 
						
  2. JAVA Web期末项目第三阶段成果
			
    我们做的系统是一个基于Java web与MySQL的食堂点餐系统 班级: 计科二班 小组成员:李鉴宣.袁超 项目的测试 在系统部署到云服务器之前,已经在本机上进行了部署测试,通过mvn打包生成war文 ...
    
			
    3. 
						
  3. Rails （栈）
			
    题目链接:https://vjudge.net/problem/UVA-514 题目大意: 有A,B,C三个火车停靠点,火车最初停在A站,给你一个序列,问你能不能通过中转站C到达B站,火车从A站进入到 ...
    
			
    4. 
						
  4. appium使用相对坐标定位元素
			
    最近在用appium做自动化时发现,有一些元素无法通过uiautomatorviewer进行定位,这样就只能通过相对坐标来进行定位了.但是,问题又来了:如何获取元素的坐标呢? 在网上找了半天也没找到相 ...
    
			
    5. 
						
  5. 查漏补缺：QObject类介绍
			
    QObject是Qt对象模型的中心.这个模型的核心特征就是一种用于无缝对象间通信的被叫做信号和槽的非常强大的机制,可以使用connect()把信号和槽连接起来,也可以通过disconnect()来破坏 ...
    
			
    6. 
						
  6. Zookeeper：fsync超时导致实例异常
			
    一.问题描述 2019-02-19 08:44左右,实时计算服务重启,报错显示找不到zk集群的leader节点,同时ZooKeeper集群有告警显示连接超时: 指标[连接耗时(ms)=18221]符合 ...
    
			
    7. 
						
  7. 能源科技，苹果和Google的新圣战？
			
    细心的果粉可能会注意到,最新版本的IOS软体中,增加了一个不起眼的按钮,它是一款署名为"家庭"的App,之所以说它不起眼,是因为它好像真得没什么用,活跃率恐怕不及Wechat的万分 ...
    
			
    8. 
						
  8. 记录一下自己写PHP程序时走过的一些坑
			
    写在前面: 喔噢,转眼间发现自己正式开发程序(PHP)已经有快有1个月了,一路上走了许多的坑,有时遇到坑的时候真想放弃,但是还是坚持下来了!所以写了这篇文章来帮助那些刚刚接触PHP的小白们.[: )] ...
    
			
    9. 
						
  9. Flash之后是不是该IE浏览器了
			
    Flash死亡,Adobe推荐大家拥抱HTML5. 其实Flash本身也是支持手机端的. 一.Flash宣告死亡 Adoebe官方网站发布了公告,2020年12月30日起终止支援Flash.目前Chr ...
    
			
    10. 
						
  10. 7-42 jmu-python-找字符 (15 分)
			
    输入一个字符串及字符,输出第一次出现该字符的位置. 输入格式: 行1:输入字符串 行2:输入一个字符 输出格式: 找到,输出对应位置,格式index=X的, X表示查找到位置 找不到,输出can't  ...
    
			
    11.