jquery基础2

今天继续介绍jQuery
dom操作
内部插入：
append（）插入到该元素的最后面
prepend（）插入到元素的最前面
外部插入：
after（）插入到元素后面
before（）插入到元素前面
移除与清空 ：
empty（）清空
remove（）删除
each 遍历

each(function(index,elem){
 //elem遍历处理的dom节点(js)
 })

html距离

position{left:num,top:num} 距离父辈定位元素的距离(如果没有就是body)
offset  距离文档顶部的距离
scrollTop   浏览器滚动获取的距离
距离可视区域jQuery   offset().top-$(window).scrollTop()
距离可视区域js   getBoundingClientRect()

宽高

浏览器的宽高(可视区域)：

    window.innerWidth;
    window.innerHeight

文档宽高：

    $(document).width()文档的宽
    $(document).height()文档的高

内容宽高：

    width()
        height

内容+padding

    innerWidth
        innerHeight

内容+padding+border

    outWidth()
      outHeight()

+外边距宽

swiper

引入：
swiper.js
swiper.css
html结构

 .swiper-container：容器{

    .swiper-wrapper：包裹器{
    swiper-slide：页面
    swiper-slide
      }
        .swiper-pagination：指示器
        swiper-button-next：下一页
        swiper-button-prev：上一页
  }