jQuery简介——详细介绍JQuery程序的代码风格

003010第1章jQuery开发简介。本章从jQuery的基本概念入手，介绍jQuery库的下载，并介绍简单的应用方法。后一部分重点介绍jQuery如何控制DOM对象和页面的CSS样式。通过一些简单的小例子，读者对jQuery在页面中的功能应用有了大致的了解，为下一章进一步学习jQuery库的详细对象和方法奠定了基础。本节介绍jQuery程序的代码风格。1 . 1 . 5 jQuery程序1的代码风格。“$”美元符号在jQuery程序中使用最频繁。无论选择页面元素还是函数函数的前缀，都必须使用此符号。可以说，它是jquery程序的标志。2.事件操作链接写入当在页面上写入一个元素的事件时，jQuery程序可以使用链接的方式写入该元素的所有事件。为了更好地说明这种写作方法的使用，我们用一个例子来说明。示例1-2 jquery事件的链式编写(1)函数描述是页面中有一个div标签，包含两个div标签，一个是主题，一个是内容。第一次加载页面时，包含的content div标记是不可见的。当用户单击subject div标签时，他会更改背景颜色并显示content div标签。(2)实现代码来创建一个HTML文件1-2.html，并添加清单1-2所示的代码。清单1-2 jQuery事件Copy代码的链式编写如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML L1-transition . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' head titlejQuery事件链编写/title脚本语言=' JavaScript ' type=' text/JavaScript ' src=' http 3360 jscript/jquery-1divframe { width:260pxborder:solid 1px # 666font-size:10pt}。div title { background-color : # eee；padding:5px }。divContent { padding:5pxdisplay:none}。div curr color { background-color : red }/style脚本类型=' text/JavaScript ' $(function(){ $(')。divTitle ')。单击(function(){ $(this))。addClass('divCurrColor ')。下一个('。divContent ')。css('display '，' block ')；});});/script/head body div class=' div frame ' div class=' div title ' topic/div class=' div content ' a href=' # ' link 1/ABR/a href=' # ' link 2/ABR/a href=' # ' link 3/a/div/div/body/html在上图中。代码描述：当用户点击一个类名为‘div title’的元素时，他会添加一个名为‘div curr color’的样式；同时，显示名为“divContent”元素的下一个类。可以看出，这两个功能的实现是由“.”联系在一起的符号。(3)页面效果执行HTML文件1-2.html，实现的页面效果如图1-3所示。

点击后：