• 一、认识jquery jquery风暴入门代码实例不能运行


    学习jquery主要是看好它对不同浏览器的支持比较好,尤其手机和平板。

    2006年1.0版本开始。

    链式编程方式是从jquery这里听说的,看了下,比较易读。

    不同脚本类库的比较,有点多。dojo,extjs,yui,mootools,propetype,因为不了解,没有对这些比较的类库有印象。

    jquery的官网地址是http://www.jquery.com/ ,下载地址为 http://docs.jquery.com/downloading_jquery

    版本类型目前看到有三种:1 Uncomperssed 未压缩版本的类库文件 2 minified 压缩后的类库文件 3 visual studio 带有完整注释的类库版本,在vs中使用jquery方法时会提示更加全面注释信息。

    最后一个hello jquery 实例,居然代码无法正确运行,想哭了。

    <html>
    <head>
    <title>jQuery - Hello jQuery</title>
    <script src="Static/common/js/jquery-1.4.4.js" type="text/javascript"></script>
    <script type="text/javascript">
        var thisPage = {
            initialize: function () {
                this.initializeDom();
                this.initializeEvent();
            },
            initializeDom: function () {
                this.$btnShow = $("#btnShow");
            },
            initializeEvent: function () {
                this.$btnShow.bind("click", function(event) {
                    $("#divMsg").toggle(300);
                });
            }
        }
        $(thisPage.initialize());
    </script>
    </head>
    <body>
    <input id="btnShow" type="button" value="Say Hello to jQuery world" />
    <div id="divMsg" style="border:1px dotted #3c3c3c; display:none; 400px;">Hello jQuery!</div>
    </body>
    </html>

    csdn上问一个老大,告知将最后部分修改一下。修改为

    $(function(){thisPage.initialize()}
  • 相关阅读:
    Spring事务管理学习笔记
    写给初学前端工程师的一封信
    angularjs 自定义指令弹窗
    ng-if和ng-show的区别
    前端遇到的一些坑
    浏览器样式兼容总结
    百分比控制表格列宽,不起效
    ng-model 将时间戳转换为标准时间
    使用git和sourcetree提交代码的一些问题
    本地运行angularjs应用,提示出现跨域问题
  • 原文地址:https://www.cnblogs.com/tomkillua/p/2608857.html
Copyright © 2020-2023  润新知