最基础的前端就是HTML+CSS+Javascript。掌握这三项技术算是入门，但也只是入门而已。现在前端开发的定义远不止于此。前端小课堂（HTML/CSS/JS），本着提高技术水平，夯实基础知识的中心思想，开课（每周四）。好久没更新了，有没有人想我我没有碰鱼。最近在研究vue-element-admin，用它做了一个小项目。我发现我还有很多东西要学。今日内容attr()、prop()addClass()、removeClass()、toggleClass()html()、text()、val()offset()、position()css()animate()、stop()、delay()attr()和prop()的区别在之前的文章中已经提到。这里先说一下重点。attr()对应于attribute，也就是标签的属性。比如href、src、id、classprop()对应的properties，就是标签的状态（基本都是Boolean类型）。比如checked、disabledaddClass()、removeClass()、toggleClass()都是用来操作标签的class属性，封装了一系列的方法（对应原生的classList）。$('p').addClass('wrap')将向所有p标签添加一个warp类。如果已经存在，则不会重复操作。$('p').removeClass('wrap')将删除所有p标签的warp类。如果没有，它将不会运行。$('p').toggleClass('wrap')将为所有p标签切换warp类。如果有，请将其删除。如果没有，请添加它。html(),text(),val()之前也提到过。html()对应innerHTMLtext()对应innerTextval()对应value，其实也可以作为xss保护。先用text写内容，再用html读内容。当然，还是建议不要相信用户输入。两者都使用text()来编写内容。offset(),position()offset获取匹配元素在当前视口中的相对偏移量。返回的对象包含两个整数属性：top和left，以像素为单位。此方法仅对可见元素有效。offset获取匹配元素相对于父元素的偏移量。返回的对象包含两个整数属性：top和left。要获得精确的结果，请在padding、border和padding属性上使用像素单位。此方法仅对可见元素有效。css()获取css值支持多种写法。$("p").css("颜色");$("p").css(["颜色","字体大小"]);设置css值也支持多种写法$("p").css("color",'#0ff');$("p").css({"color":'#c0c','font-size':'18px',backgroundColor:'#0c0'});推荐使用键值对的方法。如果有斜线，可以加引号或者改成大写。$("p").css('字体大小',()=>50*Math.random()+'px');随机字体大小。其实也可以根据指数做渐变色等等。.animate(),stop(),delay()animate支持两种输入方式（params,[speed],[easing],[fn]）params：一组样式属性及其参数，用作动画属性和最终值值的集合speed：三个预定速度（“慢”、“正常”或“快”）之一的字符串或表示动画持续时间的以毫秒为单位的数字（例如：1000）easing：名称使用的进度效果（需要插件支持）。默认情况下，jQuery提供“linear”和“swing”。fn：动画完成时执行的函数，对每个元素执行一次。(params,options)params：样式属性及其取值作为动画属性和最终值的集合。选项：动画的附加选项。如：speed-设置动画的速度easing-指定要使用的缓动函数callback-指定动画完成后执行的函数步数-指定动画每一步完成后执行的函数队列-布尔值。指示是否将动画放置在效果队列中。如果为false，动画将立即开始specialEasing-一个或多个来自styles参数的CSS属性的映射，它们对应的缓动函数stop用于暂停之前的动画延迟用于执行等待动作jQuery系列总结到此结束。jQuery内容不多，但是API很经典。当然，新浏览器集成了一些常规操作。慢慢的jQuery就会淡出我们的视野。微信公众号：前端linong初级阶段文章目录前端训练-初级阶段（17）-数据存储（cookie、session、stroage）前端训练-初级阶段（13）-正则表达式前端训练-初级阶段（13）-类、模块、继承前端培训-初级阶段（13）-ECMAScript（内置对象、函数）前端培训-初级阶段（13）-ECMAScript（语法、变量、值,types,operators,statements)前端训练-初级(13,18)前端训练-初级(9-12)前端训练-初级(5-8)前端训练-初级(1-4)中级文章目录前端训练-中级(2)-事件(event)事件冒泡与捕获-(2019-06-20)前端训练-中级(3)-DOM文档对象model(2019-06-27)前端训练-中间阶段(4)-BOM浏览器对象Model(2019-07-04期)前端训练-中间阶段(5)-jQuery概念及基本使用(2019-07-11期)前端训练-中级(6)-jQuery元素节点操作(2019-07-第18期)前端训练-中级(7)-jQuery的事件绑定链操作与原理（2019-07-25发行）资讯前端训练目录，前端训练规划，前端训练计划jQuery快速参考地址
