jQuery简介

来源：互联网发布：java多线程处理大数据编辑：程序博客网时间：2024/05/29 11:41

    其实第一眼见到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>  </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($('<li>new item</li>')); //将文档中列表项文字色彩置为红色。 $(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