其实第一眼见到jQuery我的感觉似乎是java的一个什么框架，或者是一个用于查询数据库的工具，反正是和java相关的。但是后来发现我错了，原来jQeury是javascript的一个封装。既然如此，那我还是应该看看的。通过jQeury，可以有效的简化javascript的开发，我们只需要直接调用现成的封装好的功能即可，这一点对于我等懒人还是不错的选择。闲话少提，现在以例子来说明问题吧。
1).下载jQuery:在下载最新版本，下载下来后就是一个.js的文件，只有十几K，够精简的吧。
2).我为了方便起见，直接将下载的jquery-1.2.6.min.js改名为jqeury.js，方便调用；
3).下面是示例代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<title>jQuery basic</title>
<style type="text/css">
.selected
{
background-color:Yellow;
}
</style>
<script src="jquery.js" type="text/javascript"></script> <!--引用jquery库-->
</head>
<body>
<h3>jQuery构造函数</h3>
<ul>
<li>jQuery(expression,context)</li>
<li>jQuery(html)</li>
<li>jQuery(elements)</li>
<li>jQuery(fn)</li>
</ul>
<script type="text/javascript">
//将列表项第一项处于选定状态
jQuery("ul>li:first").addClass("selected");
//在列表项后面再加入一项
$('ul').append($('new item'));
//将文档中列表项文字色彩置为红色。
$(document).ready(function()
{
$('ul').css('color','red');
});
//在页面刚打开时弹出对话框
$(function(){
alert('welcome to jQuery');
});
</script>
</body>
</html>
|
4).本示例依据http://thinhunan.cnblogs.com/archive/2008/03/05/1091816.html进行完成。
5).要看一下jQuery如何工作，这篇文章还是挺有帮助的:
阅读(2128) | 评论(0) | 转发(0) |
