看程序学jquery1-基础

1、使用JQuery进行隐藏和显示

<script src="http://how2j.cn/study/jquery.min.js"></script>
 
<script>
$(function(){
   $("#b1").click(function(){
      $("#d").hide();
   });
   $("#b2").click(function(){
      $("#d").show();
   });
});
 
</script>
 
<button id="b1">隐藏div</button>
 
<button id="b2">显示div</button>
 
<br>
<br>
 
<div id="d">
 
这是一个div
 
</div>

2、理解 $(function(){})

<script src="http://how2j.cn/study/jquery.min.js"></script>
 
<script >
 
$(function(){
  document.write("文档加载成功!");
  document.close();
});
 
</script>

3、通过id获取元素

<script src="http://how2j.cn/study/jquery.min.js"></script>
 
<script >
 
$(function(){
  document.write( $("#d") );
  document.close();
});
 
</script>
 
<div id="d">Hello JQuery</div>

4、增加监听器

<script src="http://how2j.cn/study/jquery.min.js"></script>
 
<script >
 
$(function(){
     $("#b1").click(function(){
        alert("点击了按钮");
     });
});
 
</script>
 
<button id="b1">按钮</button>