jQuery简介

riverbird2005

    其实第一眼见到jQuery我的感觉似乎是java的一个什么框架，或者是一个用于查询数据库的工具，反正是和java相关的。但是后来发现我错了，原来jQeury是javascript的一个封装。既然如此，那我还是应该看看的。通过jQeury，可以有效的简化javascript的开发，我们只需要直接调用现成的封装好的功能即可，这一点对于我等懒人还是不错的选择。闲话少提，现在以例子来说明问题吧。
    1).下载jQuery:在http://docs.jquery.com/Downloading_jQuery下载最新版本，下载下来后就是一个.js的文件，只有十几K，够精简的吧。
    2).我为了方便起见，直接将下载的jquery-1.2.6.min.js改名为jqeury.js，方便调用；
    3).下面是示例代码:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
html xmlns="http://www.w3.org/1999/xhtml">
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如何工作，这篇文章还是挺有帮助的:http://docs.jquery.com/How_jQuery_Works


本文来自ChinaUnix博客，如果查看原文请点：http://blog.chinaunix.net/u/15586/showart_1200919.html