jquery的一些方法

     <script>
            window.function () {
                console.log("入口函数")
            }
        //jquert===>$
        // 文档准备好了可以执行了
            $(document).ready(function () {
                console.log("nniis")
            })
            //简写
            $(function () {
                console.log("")
            })
            /*
            * js的入口函数比jq执行的晚
            * jq的入口函数会等页面加载完执行
            * js的入口函数会等页面和图片全部加载完才执行
            *
            * */
        </script>
        <script>
            $(function () {
                // js方法获取的元素    --》dom对象
                var li = document.getElementById("li")
                li.style.color = "red"
                //jq方法获取元素就是jq对象
                var $li = $("#li");
                $li.text("呵呵")
                //    js对象与jq对象的联系
                //    jq对象是js对象的一个集合，里面存放大量的js对象，是伪数组
                //    jq对象与js对象的区别
                //   js不能调用jq方法，jq也不能调用js方法
                //    互相转化
                var $li = $("#li");
                console.log($li)
                $li[0].style.color = "pink"
                var li = document.getElementById("li")
                $(li).text("li")
            })
    
    
        </script>
      $(function () {
            //    在jq里设置样式  jq对象。css（”样式ming，样式值）
    
            //    标签
                $("li").css("backgroundColor","pink")
  <script>
        $(function () {
            $("li:even").css("backgroundColor", "pink");
            $("li:odd").css("backgroundColor", "blue");
            $("li:eq(1)").css("fontSize","30px");
            $("li:first").css("color","green");
            $("li:last").css("color","green");
        })

    </script>
      <script>
        //mouseenter 鼠标移入
        //mouseleaves 鼠标移出

        //mouseover 鼠标经过
        //mouseout 鼠标移出

        $(function () {
            $(".wrap>ul>li").mouseenter (function () {
                $(this).children("ul").show();         //dom对象
            })
            $(".wrap>ul>li").mouseleave(function () {
                $(this).children("ul").hide();
            })
        })
    </script>
    siblings(selector) 查找兄弟节点，不包括自己本身
    <script>
        $("input").eq(1).click (function () {
            $("#che").prop("checked",true);
        })
        $("input").eq(2).click(function () {
            $("#che").prop("checked",false);
        })
    //布尔类型的属性不要用attr方法，用prop（）
</script>
//:checked  input框被选中的状态
  $("#j_tb input").click(function () {
               console.log($("#j_tb input:checked").length);


               if ($("#j_tb input:checked").length==4) {
                   $("#j_cbAll").prop("checked",true);
               }
               if ($("#j_tb input:checked").length!=4) {
                   $("#j_cbAll").prop("checked",false);
               }
           })
            // show([speed],[callback] .[]-->可选参数
    //    speed ：动画持续时间，可以是毫秒，也可以是固定字符：fast：200ms normal ：300ms slow：600ms
    //    callback :回调函数，，动画完成之后执行
    <script>
    //语法：jq对象.animatestyle，speed,[动画执行效果],[callback])
//    1：必选，传动画的样式 传对象
//    2持续时间
//3动画的执行效果 swing
    $("button").click(function () {
        $("div").animate({left:800},3000)
        // $("div").animate({width:"800px"},3000."swing",function () {
        //
        // })
    })

</script>
<script>
    // var a =document.createElement('a')
    // document.getElementsByTagName("body")[0].appendChild(a);
    // a.setAttribute("href","http://www.baidu.com");
    // a.setAttribute("target","_blank");
    // a.innerHTML="百度"

//jq append();添加到父节点里面的末尾  appendTO（）把子节点添加到父节点的末尾
//     $("body").append('<a href="http://www.baidu.com" target="_blank" >百度一下</a>')
//     $("a").appendTo($("#box"));
//     $("#box").append($("a"));
//    子元素添加到父节点里面的前面 prepend（）
    // 父元素里面添加一个子节点最前面 prependto()

// $("#box").prependTo($("a"));
//   after()兄弟之后 before（）兄弟之前
//     $("a").after($("#box"))
</script>