浏览 1577 次
|
锁定老帖子 主题：JQuery初体验
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2012-11-01
初学 JQuery，经典的hello world!
<html>
<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>初学JQuery</title> <script language="javascript" src="jquery-1.8.2.js" type="text/javascript"></script> </head> <body> <div>一、引入"jquery-1.8.2.js"文件，进入JQuery的初体验吧！如下：<br/> <input id="helloWorld1" type="button" value="点击我呀,隐藏"/> <input id="helloWorld2" type="button" value="点击我呀,显示"/> <input id="helloWorld3" type="button" value="点击我呀,显示或隐藏"/> <p style="background-color:#CCC">点击按钮显示或隐藏此。 hello world!</p> </div> </body> <script language="javascript"> $(document).ready(function(){ $("#helloWorld1").click(function(){ $("p").hide(); }); $("#helloWorld2").click(function(){ $("p").show(); }); $("#helloWorld3").click(function(){ $("p").toggle(); }); }); </script> </html> 声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
