一、认识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; width:400px;">Hello jQuery!</div>
</body>
</html>

 

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

$(function(){thisPage.initialize()}

 

posted @ 2012-07-25 19:35  木饭  阅读(842)  评论(0编辑  收藏  举报