<body>
<div class="box" abc="admin">
<div class="box1">
<div class="box2">
<span>hello</span>
<input type="text" value="123">
</div>
</div>
</div>
</body>
<script src="../jquery.js"></script>
<script>
// console.log($("span").parent()) // 直接父级
// console.log($("span").parents()) // 所有父级
// console.log($("span").parentsUntil(".box")) // 指定范围父级
// 原生内容操作
// innerHTML
// innerText
// value
// jq内容操作
// console.log($(".box").html())
// console.log($(".box").text())
// $(".box").html("<mark>world</mark>")
// $(".box").text("<mark>world</mark>")
// console.log($("input").val())
// $("input").val("hello")
// 属性操作
// addClass
// removeClass
// css()
// console.log($(".box").css("width"))
// $(".box").css("width","300px")
// $(".box").css({
// width:400,
// height:500,
// background:"red"
// })
// console.log($(".box").css(["width","height","border"]));
// var obj = $(".box").css(["width","height","border"])
// $.each(obj,function(key,val){
// console.log(key,val)
// })
// attr()
// console.log($(".box").attr("abc"))
// $(".box").attr("abc","qwe")
// $(".box").attr({
// a:10,
// b:20,
// c:30
// })
// $(".box").removeAttr("b")
</script>
<body>
<div class="box">
<span>hello jq</span>
</div>
</body>
<script src="../jquery.js"></script>
<script>
// 创建并插入
// console.log($("div"))
// var d = $("<div>");
// body被div插入了
// $("body").append(d);
// 把div插入到body
// d.appendTo($("body"));
// $("body").prepend(d);
// d.prependTo($("body"));
// $("body").before(d)
// $("body").after(d)
// 删除
// $(".box").remove();
// $(".box").empty();
// 改
// $(".box").replaceWith("<p class='"+ $(".box").attr("class") +"'>"+ $(".box").html() +"</p>");
// 查
// 选择器
</script>