1、简介
jQuery是一个在web页面中极常用的强大的javascript库。它的体积很小但是功能强大,并且对不同版本的css和浏览器支持非常好。他的功能主要有:获取页面元素、响应用户操作、修改页面外观和内容、添加页面动态效果、无需刷新即可从服务器获取数据(ajax)。熟悉html、css和javascrip的web开发人员可以很快的掌握这个库。
这个库使用GPL许可,你可以放心的免费使用。基于jQuery还有十分丰富的扩展插件,你也可以自己开发插件。
jQuery的官方网站是http://www.jquery.com/。网站上提供两个版本的Compressed(压缩版)和Uncompressed(未压缩版),两者体积不同功能一样。
2、支持的浏览器
Firefox 3.6, 5.0.x, 6.0.x
Internet Explorer 6+
Safari 5.0.x
Opera 当前版本
Chrome 当前版本
3、使用jQuery
传统的 HTML页面代码通常是:
使用jQuery的HTML页面代码通常是:
$()函数可以生成一个jQuery的对象。
$(document).ready(function(){ alert('welcome'); });表示等DOM加载完成后触发alert('welcome');
jQuery是一个在web页面中极常用的强大的javascript库。它的体积很小但是功能强大,并且对不同版本的css和浏览器支持非常好。他的功能主要有:获取页面元素、响应用户操作、修改页面外观和内容、添加页面动态效果、无需刷新即可从服务器获取数据(ajax)。熟悉html、css和javascrip的web开发人员可以很快的掌握这个库。
这个库使用GPL许可,你可以放心的免费使用。基于jQuery还有十分丰富的扩展插件,你也可以自己开发插件。
jQuery的官方网站是http://www.jquery.com/。网站上提供两个版本的Compressed(压缩版)和Uncompressed(未压缩版),两者体积不同功能一样。
2、支持的浏览器
Firefox 3.6, 5.0.x, 6.0.x
Internet Explorer 6+
Safari 5.0.x
Opera 当前版本
Chrome 当前版本
3、使用jQuery
传统的 HTML页面代码通常是:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Demo</title>
</head>
<body>
<a href="http://jquery.com/">jQuery</a>
<script>
window.onload = function(){ alert("welcome"); }
</script>
</body>
</html>
使用jQuery的HTML页面代码通常是:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Demo</title>
<script src="your-path/jquery.js"></script>
</head>
<body>
<a href="http://jquery.com/">jQuery</a>
<script>
$(document).ready(function(){ alert("welcome"); });
</script>
</body>
</html>
$()函数可以生成一个jQuery的对象。
$(document).ready(function(){ alert('welcome'); });表示等DOM加载完成后触发alert('welcome');