JQuery笔记

一个使用很简便的javasrcipt库，只要学习其用法即可。

导入，只需要在<script src="jqueryxxx"></script>即可，如下：

<script src="js/jquery-1.8.3.js"></script>

写法 ：

1、 第一种写法

        $(document).ready(function(){
            xxx;
        });

2、简便写法：

        $(function(){
            xxx;
        });

以上两种写法效果是一样的

选择器

选择class，使用 .xxx ，如下：

    <script>
        $(function(){
            $("button").click(function(){
                $(".duan").hide();
            })
        });
        
    </script>
    ····
    <h2>titile</h2>
    <p class="duan">duanluo</p>

选中id， 如下：

    <script>
        $(function(){
            $("button").click(function(){
                $("#test").hide();
            })
        });
        
    </script>
    ···
    <p id="test">another</p>

选中元素，如下：

    <script>
        $(function(){
            $("button").click(function(){
                $("p").hide();
            })
        });
        
    </script>
    ···
    <p class="duan">duanluo</p>
    <p id="test">another</p>