菜单作业：

　　<script>

　　　　$(".menu-title").click(function () {

　　　　　　$(this).next().toggleclass("hide");

　　　　　　$(this).next().siblings(".menu-items").addclass("hide")

　　　　})

　　</script>

 

样式操作：

　　支持批量操作

　　.addClass()

　　.removeClass()

　　.hasClass()

　　.toggleClass()

 

修改样式：

　　原生DOM:  .style.color = "red"

　　$("#d1").css("color","green")

　　$("#d1").css("color":"green","font-size":"24px")

　　修改多个样式时，传入键值对

　　

位置相关：

　　offset()　　// 获取元素在当前窗口的偏移或设置偏移

　　　　　　　 // $("#d1").offset(left:100,top:100)

　　position()　　// 相对父元素的偏移或设置偏移

　　scrollTop()　　// 相对滚动条顶部的偏移

　　scrollLeft()

　　　　滚动条：

　　　　$(window).scroll(function () {
   　　　　 if ($(window).scrollTop() > 100) {
    　　　　  $("#b2").removeClass("hide");
   　　 　　}else {
    　　　　  $("#b2").addClass("hide");
 　　 　　  }
 　　　　 });
 　　　　 $("#b2").click(function () {
   　　　　 $(window).scrollTop(0);
　　　　　　})

 

尺寸：

　　.height()　　// 整个标签的高

　　.width()

　　.innerHeight()　　// 内容和padding

　　.innerWidth()

　　.outerHeight()　　// 内容和padding和border

　　.outerWidth()

 

文档操作：

 

文档值：

　　$("#d1").html()　　// 等于原生DOM$("#d1")[0].innerHTML

　　$("#d1").html("<a herf='http://www.sogo.com'>sogo</a>")

文本值：

　　.text()

　　.text(val)　　

取值：

　　.val()

　　.val(val)　　// 默认返回第一个的值

　　　　　　　 // select可以直接取选中的值，多选的select返回的是数组格式 

　　.val([val1,val2])　　// 设置checkbox

　　　　取checkbox里选中的多个值：

　　　　　　var checkedEles = $(":checkbox:checked");

　　　　　　for (var i =0;i<checkedEles.length;i++){

　　　　　　　　console.log($($checkedEles[i]).val())

　　select标签里加multiple是多选，可以直接用.val()取到

　

属性操作：

　　.attr()　　// $("d1").attr("src"）

　　　　　　 // $("d1").attr("src","laopo.com")

　　　　　　 // $("d1").attr("src":"laopo.com", "title":"老婆")　　// 设置多个属性

　　.removeAttr()

　　

　　用于checkbox和radio(返回true或false的属性)：

　　　　.prop()　　　　// $("c1").prop(checked)   勾选的话返回ture

　　　　　　　　　　   // $("c1").prop(checked,false) 设置去掉勾选

　　　　.removeProp

 

　　反选：

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

　　　　　　var $checkboxEles = $(":checkbox");

　　　　　　for (var i = 0,i <$checkboxEles.length,i++ ){

　　　　　　　　var $tmp = $($checkboxEles[i]);

　　　　　　　　if ($tmp.prop("checked")){

　　　　　　　　　　$tmp.prop("checked",false);

　　　　　　　　}else{

　　　　　　　　　　$tmp.prop("checked",ture);

　　　　　　　　}

　　　　　　}

　　　　})

 

文档处理：

　　$(A).append(B)　　// 添加到内部的最后

　　$(A).appendTo(B)

　　$(A).prepend(B)　　// 内部的前面

　　$(A).prependTo(B)

　　$(A).after(B)　　// B放在A的后面

　　$(A).insertAfter(B)

　　$(A).before(B)　　// B放在A前面

　　$(A).inserBefore(B)

 

　　.remove()　　// 直接删除

　　.empty()　　// 清空子标签及内容

　　.replaceWith()

　　.replaceAll()　　// $(imgEle).replaceAll("a")

　　

　　.clone()　　// $(this).clone(ture).insertAfter(this)　　// 加true表示标签事件也复制