JQuery/Sample.html at master · dgp/JQuery · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<html>
  <head>
    <title>Sample</title>
    <link href = "style.css" rel = "stylesheet" type = "text/css">
    <script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type = "text/javascript">
    </script>
    <script type = "text/javascript" >
      console.log('eee');
      $(function(){
        $('<p>Hi there!</p>').insertAfter('#followMe');
        $('form#myForm input.special').disable().addClass("moreSpecial");
        $('table tr:nth-child(even)').css('background-color','orange');
        $('#test_button').click(function() {
            console.log('frg');
          });
      });
      $(function(){
        $('p a#hide').click(function() {
          $('p a#show').show();
          $('p a#hide').hide();
          $('#text').hide();
          return(false);
        });

        $('p a#show').click(function() {
          $('#show').hide();
          $('#hide').show();
          $('#text').show();
          return(false);
        });
      });
      $.fn.disable = function() {
        console.log('disable');
              });
      }

    </script>
  </head>
  <body>
    <table align = "center">
      <tr>
        <td>a</td>
        <td>b</td>
      </tr>
      <tr>
        <td>a</td>
        <td>b</td>
        <tr>
          <td>a</td>
          <td>b</td>
        </tr>
        <tr>
          <td>a</td>
          <td>b</td>
        </tr>
      </tr>
    </table>
    <p id = "followMe">Follow me!</p>
    <p align = "center">
      <a id = "hide" href = "#" >Hide</a>
      <a id = "show" href = "#" style = "display: none">Find Me</a>
      <h3 id = "text"> Hi i m here</h3>
    </p>
    <input type = "button" id = "test_button" name = "click" value = "name">
  </body>
</html>