一、认识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>
<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()}