版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Solitarily/article/details/85279148
12.26学习记录
- $(“document”).ready(function(){}):HTML页面加载完毕后再执行js,另一种写法为$(function(){})
- 选择:
- $(“button”)
- $(".btn")
- $("#target")
- 改变css样式:$("#target").css(“color”, “red”);
- 调整元素属性:$("#target").prop(“disabled”,“true”);
- 改变元素标记文本:$(“h2”).html("<em>hello</em>");
- 只改变元素文本:$(“h2”).text(“hello”);
- 移除元素:$("#target").remove();
- 移动元素:$("#target2").appendTo("#right-well");
- 拷贝并移动元素: $("#target5").clone().appendTo("#left-well");
- 让#target1元素的父元素的背景色变成红色:$("#target1").parent().css(“background-color”,“red”);
- 让#right-well元素的所有子元素的文本颜色都变成橙色(orange):$("#right-well").children().css(“color”, “orange”);
- 给目标元素的第三个子元素添加bounce class:$(".target:nth-child(3)").addClass(“animated bounce”);
- 选择索引为奇数的子元素:$(".target:odd")
- 选择索引为偶数的子元素:$(".target:even")
- 综合实践:codepen马云的人物介绍