jquery中文入门-1

无损检测 · 发表于 2011-9-21 11:53:51

说的不错！

乌班图 · 发表于 2011-9-12 20:34:52

Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。
详细请访问：http://baike.baidu.com/view/1020297.htm

下一节以“显示Hello, world”为例，学习document 对象的 ready 事件

乌班图 · 发表于 2011-9-12 20:49:10

jQuery入门 - 2
上一节认识了Jquery了，本节学习“document 对象的 ready 事件”
jQuery 下载地址：http://jquery.com/
文件名：jquery-1.6.3.min.js, 就是一个 javascript 脚本文件。
将这个脚本文件引用到网页文件中，需要使用
<script src="jquery-1.6.3.min.js" type="text/javascript">
</script>
例1：
当网页加载之后，显示一个提示框，Hello, world。
思路：
在文档载入后，马上执行代码，可以通过 document 对象的 ready 事件来完成。
取得 document 对象的方法非常简单，$( document ).ready
页面在文档载入之后会弹出一个对话框，显示Hello, world
代码：
<html>
<head>
<title>Hello</title>
<script src="jquery-1.6.3.min.js" type="text/javascript">
</script>
<script type="text/javascript">
$(document).ready( function() {
alert( "Hello, world." );
} );
</script>
</head>
<body>
</body>
</html>
由于 document 对象的 ready 事件非常常用，它还可以简化为 $( )，上述代码也可以如下完成。
<html>
<head>
<title>Hello</title>
<script src="jquery-1.6.3.min.js" type="text/javascript">
</script>
<script type="text/javascript">
$( function() {
alert( "Hello, world." );
} );
</script>
</head>
<body>
</body>
</html>
把代码保存为html文件，然后用浏览器打开观察效果。
编写网页代码，建议用editPlus软件。

乌班图 · 发表于 2011-9-12 20:58:12

jquery相关软件下载：
jquery库，最新版本1.6.3
jQuery教程(作者Jörn Zaefferer)

流星玛丽 · 发表于 2011-9-17 16:57:05

虽然我暂时还看不懂
但还是顶一下

乌班图 · 发表于 2011-9-17 18:22:27

初学php的在这个贴子顶

		自动登录	找回密码
密码			立即注册

[其他未分类] jquery中文入门-1

RE: jquery中文入门-2

RE: jquery中文入门-3

本帖子中包含更多资源

站长推荐 /1