JQuery

jQuery

什么是jQuery

  jQuery是一个兼容多浏览器的JavaScript框架。可以使用户方便地处理HTML、事件，实现动画效果，并且为网站提供方便的Ajax交互。
  官网：http://jquery.com/

jQuery特点

 轻量级
 出色的浏览器兼容性
 强大的选择器
 出色的DOM操作封装
 完善的ajax
 链式编程
 隐式迭代（无需for循环遍历dom对象）
 完善的文档、强大的社区
 丰富的插件
其实jquery 就是一份 内容不超过100k的一份js文件，这个文件里有各种各样的方法；
这些方法能方便我们去更快刚好的编程。

jQuery基础知识

1. jquery提供了$这个对象
2. 通过$(‘选择器’)的方式 可以得到一个jq对象
3. Jq提供的方法只能由jq对象调用
4. Jq提供的方法执行之后会返回自己的调用者；
   主要学习的有两样东西
   1.各种各样的选择器
   2.Jq提供的各种各样的方法

jQuery中的一些常见API

slideToggle(时间)可以使匹配的元素以“滑动”的方式隐藏或显示。

 $(function () {
    $(".nav>li").hover(function () {
        $(this).children("ul").slideToggle(1000);
    })
 })

$(“要获取的元素:eq(索引值)”)

$(function(){
    // $("要获取的元素:eq(索引值)")
    $("button:eq(0)").click(function(){
        var img=$('<img src="../images/34/liudada.jpg">')
        $(img).insertBefore("#CloseUncle")
    })
    $("button:eq(1)").click(function(){
        var img=$('<img src="../images/34/zhangsansan.jpg">')
        $(img).insertAfter("#CloseUncle")
    })
})

$(被修改的对象).replaceWith(替换成的对象)

$(function(){
    $("button").click(function(){
        var img=$('<img src="../day13/代码/images/37.gif">');
       // img.replaceAll($(".box"))
       $(".box").replaceWith(img)
    })
})

更多API详解请参考：https://jquery.cuishifeng.cn/attr.html