python学习笔记(85) jQuery样式和属性操作

菜单作业：

　　<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").on("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)

　　.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()取到