Home思洋影视事业部网站建设知识库
0 Comments

编写jQuery代码

发布于：2013-05-27  |   作者：广州网站建设  |   已聚集：人围观
编写jQuery代码

当引入jQuery库文件之后，我们就可以进行jQuery开发了。例如，先让jQuery打个招呼，其代码如下。

广州网站建设,网站建设,广州网页设计,广州网站设计
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0  Transitional//EN" "http://www.w3.org/ TR/xhtml1/ DTD/xhtml1-transitional.dtd"> 
  2. <html xmlns="http://www.w3.org/1999/xhtml"> 
  3. <head> 
  4. <meta http-equiv="Content-Type" content="text/html;  charset=utf-8" /> 
  5. <script src="images/jquery-1.3.2.js"  type="text/javascript"></script> 
  6. <script type="text/javascript" > 
  7. $(function(){  
  8.     alert("Hello World!");  
  9. })  
  10. </script> 
  11. </head> 
  12. <body> 
  13. </body> 
  14. </html> 

这样在浏览器中预览该示例文档时，可以看到在当前窗口中会弹出一个提示对话框，如图1.10所示。

图1.10  第一个示例演示效果

首先，读者应该明确一个概念。在jQuery库中，$表示jQuery的别名。例如，$()等效于jQuery()。在本书程序中，如果没有特别说明，$就表示jQuery。

在做所有事情之前，如果要让jQuery读写和处理文档的DOM，则必须在DOM载入之后再开始执行事件，所以应该使用ready事件作为处理HTML文档的开始。

广州网站建设,网站建设,广州网页设计,广州网站设计
  1. $(document).ready(function() {  
  2.     //jQuery代码  
  3. }); 

上面代码的语义是：匹配文档中的document节点，然后为该节点绑定ready事件处理函数。它类似于JavaScript的window.onload事件处理函数(如下所示)，不过jQuery的ready事件要先于onload事件被激活。



    
	
  1. 
		window.onload = function(){  
    2. 
	
  2. 
		    //JavaScript代码  
    3. 
	
  3. 
		}; 
    4. 




	为了方便开发，jQuery框架进一步简化了$(document).ready()方法的写法，直接使用$()方法来表示，其代码如下。


广州网站建设,网站建设,广州网页设计,广州网站设计


    
	
  1. 
		$( function() {  
    2. 
	
  2. 
		    //jQuery代码  
    3. 
	
  3. 
		}); 
    4. 




	一般情况下，所有jQuery代码建议都包含在$()函数中，当然也可以不包含在$()函数中，这与JavaScript代码应该放在window.onload事件处理函数中的道理是一样的。


			

			

					 标签：
					 
			

		
		
			  
	  
 
	

	 
	

	





	
	



飞机