12.26学习记录

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Solitarily/article/details/85279148

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马云的人物介绍

猜你喜欢

转载自blog.csdn.net/Solitarily/article/details/85279148