现在的位置: 首页 > 综合 > 正文

JQuery学习第一步

2013年10月14日 ⁄ 综合 ⁄ 共 884字 ⁄ 字号 评论关闭

   最近老听说jquery,闲来无事,也想学学,于是乎大量使用Google,baidu,搜到的资料有讲语法的,有讲理论的,可折腾了半天也不知道怎么去使用jquery。现在终于知道了,想写出来给那些刚开始学习jquery的人。希望有帮助。

 

首先,想要使用jquery库,应该先下载jquery库。可以在官方网上下载:http://jquery.com/

其次,想要在某个网页中调用jquery方法,应该在该页面引用jquery库。方法为:

         可以在head 标签里添加以下代码:

         <script type="text/javascript" language="javascript" src="jquery.js" ></script>

        此处的src 应该对应你下载后存放jquery的路径

 

 

以上两个问题解决后,就可以使用jquery了,例子:点击Button,弹出alert。

<!DOCTYPE html>
<html> 
<head> 
<title>JQuery Test</TITLE> 
<script type="text/javascript" src="C:/Documents and Settings/lxiaw/My Documents/Visual Studio 2008/WebSites/WebSite1

/Resources/jquery-1.4.2.js"></SCRIPT> 
<script type="text/javascript"> 
$(function(){
    $("#Button1").click(function(event) {  
    alert("My First JQuery example");
    });
 
  }); 
</script> 
<style type="text/css">   
 
</style> 
</head> 
<body> 
<input type="button" id="Button1" value="button" /> 
</body> 
</html> 

本人也是初学者,描述有不当之处望指出,与您共同进步!

抱歉!评论已关闭.