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

简介:

Jquery简化了传统JS实现功能的代码量,例如:

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

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

<script type="text/javascript">
        window.onload = function() {
            //定义一个类对象
            var Zhang = {
                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() {
                    var insertedNode = document.createElement('img'); //添加HTML標記
                    insertedNode.setAttribute('src', Zhang.init.src);
                    insertedNode.setAttribute("width", Zhang.Width);
                    insertedNode.setAttribute("height", Zhang.Height);

// var newTextNode = document.createTextNode("<img src='" + Zhang.init.src

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

                    document.getElementsByTagName("body")[0].appendChild(insertedNode);
                }
            }
 
            var obj = 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>
,如需转载请自行联系原博主。
目录
相关文章
|
25天前
|
JavaScript 前端开发 开发者
jQuery:JavaScript库的瑰宝
jQuery:JavaScript库的瑰宝
39 3
|
10天前
|
JavaScript 定位技术
jQuery鹰眼视图小地图定位预览插件minimap.js
这是一个jQuery小地图定位预览视图,默认左侧是页面主要内容,minimap.js的好处就是在它的右侧形成一个快速定位通道,产生一个缩小版的页面,即预览效果,可以点击并快速定位到页面的某个位置。简单实用,欢迎下载!
24 0
|
22天前
|
JavaScript 前端开发 API
深入了解jQuery:快速、高效的JavaScript库
【10月更文挑战第11天深入了解jQuery:快速、高效的JavaScript库
8 0
|
1月前
|
JavaScript 前端开发
JavaScript - 测试 jQuery
JavaScript - 测试 jQuery
10 0
|
1月前
|
JavaScript 前端开发
JavaScript三级联动jQuery写法
JavaScript三级联动jQuery写法
|
1月前
|
JavaScript 前端开发
JavaScript 树状菜单栏jQuery写法
JavaScript 树状菜单栏jQuery写法
|
1月前
|
JavaScript 前端开发 API
【前端基础篇】JavaScript之jQuery介绍
【前端基础篇】JavaScript之jQuery介绍
56 0
|
2月前
|
JavaScript 前端开发
一个js里可以有多少个async function,如何用最少的async function实现多个异步操作
在 JavaScript 中,可以通过多种方法实现多个异步操作并减少 `async` 函数的数量。
|
3月前
|
JavaScript
分别用jquery和js修改页面元素
分别用jquery和js修改页面元素
35 2
|
3月前
|
Devops 持续交付 测试技术
JSF遇上DevOps:开发流程将迎巨变?一篇文章带你领略高效协同的魅力!
【8月更文挑战第31天】本文探讨了如何在JavaServer Faces(JSF)开发中融入DevOps文化,通过持续集成与部署、自动化测试、监控与日志记录及反馈机制,提升软件交付速度与质量。文中详细介绍了使用Jenkins进行自动化部署、JUnit与Selenium进行自动化测试、ELK Stack进行日志监控的具体方法,并强调了持续改进的重要性。
38 0