您的位置：首页 > Web前端 > JQuery

Jquery的Hello World程序

2017-07-15 22:16 225 查看

1.介绍Jquery

　　

2.简介

　　

3.新建一个静态项目，并粘贴jquery库

　　

4.程序

1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="UTF-8">
5 <title>Insert title here</title>
6 <script type="text/javascript" src="jquery-1.12.4.min.js"></script>
7 <script type="text/javascript">
8     $(function(){
9         $("button").click(function(){
10             alert("click no me");
11         })
12     })
13 </script>
14 </head>
15 <body>
16     <button>click me</button>
17 </body>
18 </html>

5.效果

　　

6.程序二

1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="UTF-8">
5 <title>Insert title here</title>
6 <script type="text/javascript" src="jquery-1.12.4.min.js"></script>
7 <script type="text/javascript">
8     $(function(){
9         $("button").click(function(){
10             //
11             <!--alert("click no me");-->
12             alert($(this).text())
13         })
14     })
15 </script>
16 </head>
17 <body>
18     <button>click me</button>
19 </body>
20 </html>

7.效果运行

　　

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航