JQuery 初學

<script type="text/javascript">
     $(document).ready(function(){   
    $('.wordStyle a').click(function(){
     if($('#explanation').is(":hidden")){
       $('#explanation').slideDown('1500');
      $('#item_icon').attr({src:"images/uparr.png",title:"close" });
      }else{
       $('#explanation').slideUp('1500');
       $('#item_icon').attr({src:"images/downarr.png",title:"unfold" });
      } }); });
</script>

 

 

 

 $( '#id')  $('.class')  $('tagName')

 

 

1 $('a  b')   選擇 a 裏面所有 b （注意a與b之間的空格）

2 $('a > b') 選擇 a 裏面的子元素b

   1 $('#1st ul li span').eq(0)

   2 $('#1st ul li > .danxiaogui')

   3 $('#1st > ul > li > .danxiaogui')

3 $('a + b')   選擇緊跟在 a 後面的 b

4 $('a~b')   選擇 a 後面的所有的 b