Chinaunix首页 | 论坛 | 博客
  • 博客访问: 8250961
  • 博文数量: 1413
  • 博客积分: 11128
  • 博客等级: 上将
  • 技术积分: 14685
  • 用 户 组: 普通用户
  • 注册时间: 2006-03-13 10:03
个人简介

follow my heart...

文章分类

全部博文(1413)

文章存档

2013年(1)

2012年(5)

2011年(45)

2010年(176)

2009年(148)

2008年(190)

2007年(293)

2006年(555)

分类: Java

2008-09-18 00:17:16

    其实第一眼见到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如何工作,这篇文章还是挺有帮助的:
    阅读(2067) | 评论(0) | 转发(0) |
    给主人留下些什么吧!~~