返回列表 發帖

Rank: 7Rank: 7Rank: 7
1# 跳轉到 » 倒序看帖
打印
tT
游東祥發表於 2014-7-19 10:26 | 只看該作者

練習十、jQuery的元素查詢與事件綁定

jQuery的元素查詢與事件綁定
收藏 分享

Rank: 1
2#
劉泳鱔發表於 2014-7-19 10:26 | 只看該作者
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.                 <meta charset="UTF-8">
  5.                 <title></title>
  6.                 <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
  7.         </head>
  8.         <body>
  9.                 <input id="year"/>
  10.                 <button id="btn">來按我</button>
  11.                 <script type="text/javascript">
  12.                 $("#btn").click(test);
  13.                 function test()
  14.                 {
  15.                         alert(document.getElementById("year").value);
  16.                         alert($("#year").val());
  17.                 }
  18.                 </script>
  19.         </body>
  20. </html>
複製代碼

TOP

Rank: 1
3#
陳威臣發表於 2014-7-19 10:27 | 只看該作者
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.                 <meta charset="UTF-8">
  5.                 <title></title>
  6.         <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
  7.         </head>
  8.         <body>

  10.                 <input id="year">
  11.                 <button id="btn">tt</button>
  12.                 <script type="text/javascript">
  13.                 $("#btn").click(test);
  14.                 function test ()
  15.                 {

  17.                         alert($("#year").val());
  18.                 }

  20.                 </script>

  22.         </body>
  23. </html>
複製代碼

TOP

Rank: 1
4#
陳品諨發表於 2014-7-19 10:28 | 只看該作者
  1. !DOCTYPE html>
  2. <!-- saved from url=(0045)file:///C:/Users/student/Desktop/8545455.html -->
  3. <html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4.             <meta charset="UTF-8">
  5.             <title></title>
  6.             <script src="./8545455_files/jquery-1.11.0.min.js"></script>
  7.         </head>
  8.         <body>
  9.                 <input id="btn">
  10.                 <button id="test();"> 按鈕 </button>

  12.              <script type="text/javascript">
  13.              $("btn").click(test);
  14.              function test () {
  15.                 alert(document.getElementById("year").value);
  16.                      alert($("#year")).val()
  17.              }
  18.              </script>
  19.         
  20. </body></html>
複製代碼

TOP

Rank: 1
5#
李允軒發表於 2014-7-21 14:33 | 只看該作者
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.                 <meta charset = "UTF-8">
  5.                 <title>123456789</title>
  6.         </head>
  7.         <body>
  8.                 <input id="g" />
  9.                 <button onclick="gg()" >按鈕</button>
  10.                 <script type="text/javascript">
  11.                 function gg () {
  12.                         alert(document.getElementById("g").value);
  13.                 }

  15.                                         </script>

  17.         </body>
  18. </html>
複製代碼

TOP

Rank: 1
6#
張彥承發表於 2014-7-21 14:34 | 只看該作者
  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <meta charset="UTF-8">
  5.     <title>基本練習</title>
  6.   </head>
  7.   <body>
  8.     <input id="z">
  9.     <button onclick>Super Power Beat Down </button>

  11.     <script type="text/javascript">
  12.   
  13.     fuction z()
  14.     {
  15.       alert(document.gatElementId("value").value);
  16.     }         

  18.     </script>

  20.     </script>

  22.   </body>
  23. </html>
複製代碼

TOP

返回列表