12.26学习记录

12.26学习记录

1. $(“document”).ready(function(){})：HTML页面加载完毕后再执行js，另一种写法为$(function(){})
2. 选择：
   • $(“button”)
   • $(".btn")
   • $("#target")
3. 改变css样式：$("#target").css(“color”, “red”);
4. 调整元素属性：$("#target").prop(“disabled”,“true”);
5. 改变元素标记文本：$(“h2”).html("<em>hello</em>");
6. 只改变元素文本：$(“h2”).text(“hello”);
7. 移除元素：$("#target").remove();
8. 移动元素：$("#target2").appendTo("#right-well");
9. 拷贝并移动元素： $("#target5").clone().appendTo("#left-well");
10. 让#target1元素的父元素的背景色变成红色：$("#target1").parent().css(“background-color”,“red”);
11. 让#right-well元素的所有子元素的文本颜色都变成橙色（orange）：$("#right-well").children().css(“color”, “orange”);
12. 给目标元素的第三个子元素添加bounce class：$(".target:nth-child(3)").addClass(“animated bounce”);
13. 选择索引为奇数的子元素：$(".target:odd")
14. 选择索引为偶数的子元素：$(".target:even")
15. 综合实践：codepen马云的人物介绍