JQuery一

发表于 | 分类于

选择器

选择器

html

1
2
3
4
<h2 id="test">这是一个标题</h2>
<p class="test">这是一个段落。</p>
<p>这是另一个段落。</p>
<button>点我</button>

script

1
2
3
4
5
6
7
$(document).ready(function(){
  $("button").click(function(){
    $("p").hide();
    $(".test").hide();
     $("#test").hide();
  });
});

事件方法

html

1
2
3
<p>如果你点我，我就会消失。</p>
<p>点我消失!</p>
<p>点我也消失!</p>

script

1
2
3
4
5
$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});