HTML基础复习(三)+结合jQuery

  • script元素
  • 内含JavaScript语句,浏览器会执行script里面的所有语句,包括jQuery

jQuery
所有jQuery方法都是由$开始的,通常称为美元符号或者简称为bling

  • 使用jQuery的 .address() 方法,就可以给元素添加class了
  • 使用jQuery的.removeClass()方法去掉元素上的class了
  • 使用.css()可以改变元素的CSS样式
    example: $("#target").css("color","blue");
  • 使用.prop()来调整元素的属性
    example: $("button").prop("disabled",true);
  • 使用.remove() 来移除HTML元素
  • 使用appendTo() 方法可以把选中的元素加到其他元素中
    example:
    假设id为one的元素在id为first的区块中,有另外一个区块id为second
    要想把该元素移动到区块second中,可以这么操作
    $("#one").appendTo("#second");
  • 使用clone()可以拷贝元素
    假设id为one的元素在id为first的区块中,有另外一个区块id为second
    要想把该元素复制到区块second中,可以这么操作
    $("#one").clone().appendTo("#second");
    可以这么理解,移动元素就是剪切,拷贝元素就是复制
  • 使用parent()可以访问当前元素的父元素
    example:一个id为first的h2元素的父元素是div,可以通过以下代码让div区块的背景颜色变蓝
    $("first").parent().css("background-color","blue");
  • 使用children()可以访问当前元素的子元素
  • 使用$("button")来选中按钮,使用$(".well")来获取所有class为well的对象,使用$("#fist")来获取所有id为first的对象

部分class
animated bounce 所应用部分有弹跳效果
animated shake 所应用部分有摇摆效果

在线编辑器:CodePen
进程员的Read-Search-Ask大法,加油!

原文:大专栏  HTML基础复习(三)+结合jQuery


猜你喜欢

转载自www.cnblogs.com/chinatrump/p/11446097.html