复习JQ (2)

常用方法

addClass()  removeClass()

width()   outerWidth()  innerWidth()

insertBefore()   before()

insertAfter()  after()

appendTo()  append()

prependTo()  prepend()

一、addClass()  removeClass()

添加 删除类名

<div class="box1">content</div>

$("div").addClass("box2 box3");  //  <div class="box1 box2 box3">content</div>   添加相同类名不会重复出现

$("div").removeClass("box2 box3");  // <div class="box1">content</div>

二、width()   outerWidth()  innerWidth()

（height用法相同）

可以获取到隐藏元素的宽

width()  //CSS当中width的值

outerWidth(); // width+padding+border

outerWidth(ture); // width+padding+border+margin

innerWidth(); //  width+padding

三、insertBefore()   before()

具备剪切的功能

$("span").insertBefore($("div"));  //把span添加到div前面

$("div").before($("span"));  //  把span添加到div前面   div的前面是span

四、insertAfter() after()

具备剪切的功能

$("span").insertAfter($("div"));  //把span添加到div后面

$("div").after($("span"));  //把span添加到div后面  div的后面是span

五、appendTo() append()

appendTo() //类似appendChild()  添加到指定元素里面的最后

$("span").appendTo($("div"));  //把span加到div里的最后  span添加到

$("div").append($("span"));  //   div添加span

六、prependTo() prepend()

prependTo() // 添加到制定元素里面的最前面

$("span").prependTo($("div"));  //把span加到div里的最前  span添加到

$("div").append($("span"));  //  div添加span

insertBefore()   before()

insertAfter()  after()

appendTo()  append()

prependTo()  prepend()

他们两两之间的区别就是后续操作不同  针对的主体不一样