[freeCodeCamp]学习笔记(jQuery)

jQuery的.html()方法可以添加HTML标签和文字到元素,而元素之前的内容都会被方法的内容所替换掉。

我们是通过em[emphasize]标签来重写和强调标题文本的:

$("h3").html("<em>jQuery Playground</em>");

jQuery 还有一个类似的方法叫.text(),它只能改变文本但不能修改标记。换句话说,这个方法只会把传进来的任何东西(包括标记)当成文本来显示。


jQuery有一个appendTo()方法可以把选中的元素加到其他元素中。

$("#target2").clone().appendTo("#right-well");

你有没有发现两个jQuery方法合在一起使用了?这就叫方法链function chaining,使用起来很方便。


jQuery 用CSS选择器来选取元素,target:nth-child(n)CSS选择器允许你按照索引顺序(从1开始)选择目标元素的所有子元素。

示例:你可以给目标元素的第三个子元素添加bounce class。

$(".target:nth-child(3)").addClass("animated bounce");

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 8,858评论 0 44
  • Learn how Script Tags and Document Ready Work 现在让我们开始学习最流...
    李嫑嫑_fe48阅读 3,762评论 0 1
  • FreeCodeCamp - jQuery Learn how Script Tags and Document ...
    付林恒阅读 5,319评论 0 3
  • Learn how Script Tags and Document Ready Work 最流行的JavaScr...
    归云丶阅读 3,392评论 0 1
  • 实在不知道用什么题目了,就用日期吧,简洁明了,不费脑子。 刚刚看完欢乐中国人,中央一套,其中有个节目特别好,爸...
    陪你陪猫阅读 1,859评论 1 1

友情链接更多精彩内容