当前位置:编程学习 > JAVA >>

jquery第一期:运行第一个jquery

 
首先打开editplus进行编辑,添加js文件 
 
编写代码:
[html] 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
<title>Insert title here</title>  
<script type="text/javascript" src="js/jquery-1.10.1.js"></script>  
<script type="text/javascript">  
   $(document).ready(function()  
   {  
   alert("hello jquery");  
   });  
</script>  
</head>  
<body>  
  
</body>  
</html>  
 
[html]  
<script type="text/javascript" src="js/jquery-1.10.1.js"></script>  
首先把通过src属性添加js文件
 
[html] 
<span style="font-size:18px">$(document).ready</span>  
当文档完全加载完执行的函数
 
 
 
 
 
我们完全可以简化我们的代码,
[html] 
<span style="font-size:18px"><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
<title>Insert title here</title>  
<script type="text/javascript" src="js/jquery-1.10.1.js"></script>  
<script type="text/javascript">  
   $(function()  
   {  
   alert("hello jquery");  
   });  
</script>  
</head>  
<body>  
  
</body>  
</html></span>  
也就是说document.ready是可以省略的。
 
补充:web前端 , JavaScript ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,