您的位置：首页 > Web前端 > JQuery

看看Jquery,再看看传统的JS,我们来效仿一$(function(){$(“#a”).click=function(){};});吧

2011-06-03 12:05 363 查看
Jquery简化了传统JS实现功能的代码量,例如:

jquery的$(function(){});相当于传统JS的window.onload=function(){};

还是看一下我写的代码吧:

<scripttype="text/javascript">

[code]window.onload=function(){
//定义一个类对象

varZhang={

Title:"",

Width:"100",

Height:"",

Zhang:function(title,width,height){

this.Title=title;

this.Width=width;

this.Height=height;

},

Zhang:function(title,height){//方法的重载

this.Title=title;

this.Height=height;

},

init:{target:"_blank",src:""},

generate:function(){

varinsertedNode=document.createElement('img');//添加HTML標記

insertedNode.setAttribute('src',Zhang.init.src);

insertedNode.setAttribute("width",Zhang.Width);

insertedNode.setAttribute("height",Zhang.Height);

//varnewTextNode=document.createTextNode("<imgsrc='"+Zhang.init.src

//+"'width="+Zhang.Width+"height="+Zhang.Height+">");//添加文本

document.getElementsByTagName("body")[0].appendChild(insertedNode);

}

}


varobj=document.getElementById("add");

Zhang.Zhang("图像测试","300","600");//覆盖原来的值100

Zhang.init.src="http://d4.sina.com.cn/201106/03/312669_78090-biaoxian.JPG";

if(typeof(obj.addEventListener)!="undefined"){//判断浏览器

obj.addEventListener("click",Zhang.generate,true);//触发单击事件

}else{

obj.attachEvent("onclick",Zhang.generate);//绑定方法

}


};

</script>

[/code]
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航