Jquery 基础

1，导入jquery类库，<script type="text/javascript" src="{filepath}"></script>

2,基本的helloworld！

        <script type="text/javascript">

                 $(document).ready(function(){

                          alert("Hello World!");

                  });

        </script>

3.现在再加深一点，在网页中输出一个按钮，点击按钮弹出HelloWorld

    $(document).ready(function(){

        $("#btn").click(function(){//#表示id,.表示class, 直接用“”括起来的字串表示标签 //比如$("p")表示对所有的p标签做操作

            alert("Hello World!");

        });

    });

    //要在body中隐藏所有的P元素 应该怎样做呢？

    $(document).ready(function(){

        $("#btn").click(function(){

            $("p").hide("slow");//slow参数表示speed 值可以是("slow", "normal", or "fast")或毫秒数

        });

        //要怎样让他又显示出来呢？

        $("#btn1").click(function(){//这三个方法都拥有speed,[callback]两个参数，speed速度，callback回调函数

            $("p").show("slow");

        });

        //一个按钮同时完成隐藏和显示如何做呢？

        $("#btn2").click(function(){

            $("p").toggle("slow");

        });

    });