zoukankan      html  css  js  c++  java
  • 000 Jquery的Hello World程序

    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.效果运行

      

  • 相关阅读:
    对SpringIOC、AOP的理解
    Java后台与VUE跨域交接
    贼简单的Shiro框架之粗粒度控制菜单栏
    Json
    Spring MVC小DEMO
    面试问题
    多线程理解
    了解java语言
    单点登录如何设计
    进程的创建和调度分析
  • 原文地址:https://www.cnblogs.com/juncaoit/p/7187492.html
Copyright © 2011-2022 走看看