随笔分类 - 前端
摘要:一、操作标签 1、样式操作 // class操作 addClass(); // 添加指定的CSS类名。 removeClass(); // 移除指定的CSS类名。 hasClass(); // 判断样式存不存在 toggleClass(); // 切换CSS类名,如果有就移除,如果没有就添加。 //
阅读全文
摘要:一、JQuery jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 JQuery内部封装了原生的JS代码,而且还额外添加了很多功能 JQuery兼容多个浏览器,所以使用JQuery不用考虑浏览器兼容问题 1、jQuery下载 下载链接:jQuery官网 推荐使用压缩版本,文件容量更
阅读全文
摘要:截至目前为止,我们虽然已经学会了js语法,但好像感觉跟浏览器和html文件没有任何关系, 所以接下来我们就需要学习BOM和DOM来去操作浏览器和html标签。 BOM:浏览器对象模型 Browser Object Model 功能:js代码操作浏览器 DOM:文档对象模型 Document Obje
阅读全文
摘要:一、JavaScript语言规范 1、引入方式 // (1)head标签内设置Script标签,然后写代码 <script> // 在这里写你的JS代码 </script> // (2)引入额外的JS文件 <script src="myscript.js"></script> 2、注释/输出命令/结
阅读全文
摘要:1、设置长宽 /*设置长宽*/ <style> p { background-color: red; height: 200px; /*高度*/ width: 200px; /*宽度*/ } span {/*行内标签无法设置长宽,就算你写了,也不会生效*/ background-color: gre
阅读全文
摘要:一、CSS介绍 层贴样式表:就是给HTML标签添加样式的,让它变的更加的好看,如果把Web比作一个人,HTML是人体的骨骼,而CSS就是人体的皮肤。 1、注释 # 注释 /*单行注释*/ /* 多行注释1 多行注释2 多行注释3 */ 通常我们在写css样式的时候也会用注释来划定样式区域(因为HTM
阅读全文
摘要:一、表格标签 二、form表单标签 能够获取前端用户数据(用户输入、选择、上传的种种行为),基于网络发送给后端服务器 <form action="" method="post">注意,表单内容放在这里才可以提交</form> # 在该form标签内部书写的获取用户的数据都会被form标签提交到后端
阅读全文
摘要:一、HTML介绍 1、HTML文档结构 <!DOCTYPE html> 声明为HTML5文档 <html lang="zh-CN"> 声明语言 <head> head标签内的内容不对用户展示,而是定义一些配置给浏览器使用 <meta charset="UTF-8"> <title>这里是网页的标题<
阅读全文
摘要:一、什么是前端 任何与用户直接打交道的操作界面都可以称之为前端 比如:电脑界面 手机界面 平板界面 与前端对应的是后端,那什么是后端 后端类似于幕后操作者(一堆让人头皮发麻的代码) 特点是不直接跟用户打交道 二、初识前端三剑客 1、html 超文本标记语言,通俗来讲就是一个网页的骨架,没有任何的样式
阅读全文