Board logo

標題: 練習十、jQuery的元素查詢與事件綁定 [打印本頁]
作者: 游東祥    時間: 2014-7-19 10:26     標題: 練習十、jQuery的元素查詢與事件綁定

jQuery的元素查詢與事件綁定
作者: 劉泳鱔    時間: 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>
複製代碼
作者: 陳威臣    時間: 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>
複製代碼
作者: 陳品諨    時間: 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>
複製代碼
作者: 李允軒    時間: 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>
複製代碼
作者: 張彥承    時間: 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>
複製代碼




歡迎光臨 種子論壇 | 高雄市資訊培育協會學員討論區 (http://istak.org.tw/seed/) Powered by Discuz! 7.2