随笔分类 - web前端
1
web知识点
摘要：操作CSS类 addclass("classname"),class的样式名不要加点 <style type="text/css"> .style1{ font-size: 80px; color: red; } .style2{ font-size: 10px; color: greenyello
阅读全文
摘要：元素的删除 remove与empty 区别：remove是删除了内容与格式，即全部删除，empty仅仅清除子元素，格式还在 #div1,#div2{ height: 200px; width: 200px; background-color: red; } <div id="div1"> <p>这是
阅读全文
摘要：元素的删除 remove与empty 区别：remove是删除了内容与格式，即全部删除，empty仅仅清除子元素，格式还在 #div1,#div2{ height: 200px; width: 200px; background-color: red; } <div id="div1"> <p>这是
阅读全文
摘要：元素的添加 之前添加的代码 jq的写法 （1）在元素最后面添加 <div id="div1"></div> <button id="btnAppend">后面添加段落</button> <button id="btnPrepend">前面添加段落</button> $("#btnAppend").c
阅读全文
摘要：DOM 捕获与设置 js获取文本内容：textContent，innerText，innerHTML （1）text() 有值是修改 ①捕获文本内容，等价于innerText <p id="p1">我要捕获</p> $("#p1").text(); ②更改文本的内容 $("#p1").text("改
阅读全文
摘要：上卷（slideUp）和下拉（slideDown） $("#btnSlideUp").click(function(){ $("#div1").slideUp(2000,function(){ alert("上滑"); }); }); $("#btnSlideDown").click(functio
阅读全文
摘要：淡入（fadeIn）和淡出（fadeOut） fadeIn 淡入，将隐藏的样式通过改变其透明度让他显示出来 $("#btnFadeIn").click(function(){ $("#div1").fadeIn(2000); }) fadeOut淡出，将显示的样式通过改变其透明度让他隐藏出来 $("
阅读全文
摘要：效果 fadeTo固定的透明度 显示（show）和隐藏（hide） hide(),隐藏 将高度，宽度，透明度变为0 show(),显示 将高度，宽度，透明度变为初始值。 <style type="text/css"> #div1 { width: 100px; height: 100px; back
阅读全文
摘要：常用的 jQuery 事件方法 $(document).ready() $(document).ready() 方法允许我们在文档完全加载完后执行函数。 等价于下面写法： $( function(){} ) click() click() 方法是当按钮点击事件被触发时会调用一个函数。 该函数在用户点
阅读全文
摘要：选择器（和CSS一样，直接过） 基本选择器 id选择器 $("#id") 类选择器 $(".class") 元素选择器 $("标签名") 选择所有元素 $("*") 选择器分组 $("选择器1 , 选择器2 , 选择器N") 层次选择器 后代元素 $("祖先元素 后代元素") 子元素 $("父元素
阅读全文
摘要：jQuery是一个JS库，能够帮助我们轻松实现一些原本比较麻烦的功能。 jQuery每个班恩有两个小版本：压缩版与未压缩版，压缩版文件较小，但没有排版和注释，不便于阅读；未压缩版文件较大，有排版和注释，便于阅读。 jQuery实际上就是一个js文件，加载到页面就可以直接使用了。 <script sr
阅读全文
摘要：1.1 基本概念 HTML负责呈现什么内容，CSS负责以何种方式来呈现。 HTML+CSS：实现了静态页面。 实际上，我们更多的页面的要求是动态的，这就需要用到js了，通过js操纵HTML和css <!DOCTYPE html> <html> <head> <meta charset="utf-8"
阅读全文
摘要：Css单位 px:像素；cm厘米，mm毫米， em,%:相对，他爹，父容器，如果他爹宽度100px,设置80%就是80px rem:相对于根元素（html） css属性 字体属性 属性 含义 取值 font-family 字体体系 字体名称，如宋体 font-size 字体大小 font-style
阅读全文
摘要：CSS是什么 层叠样式表 Css引入方式 内联样式：标签中 内部样式：文件头里面 外部样式：单独一个文件 （1）优先级：就近原则：内联>内部>外部 （2）内联和内部都有一个style，外部没有直接写样式 选择器 Id #，唯一的 Class . 元素选择器，使用元素名字 *：选中所有的标签，优先级很
阅读全文
摘要：常见标签 header头 title标题 div a超链接 p段落 form表单 ul无序 ol无序 li table 表格 caption span style样式 i dl自定义列表 dd img图片 tr(table row) 行 td：单元格 th:头部单元格 tfoot tbody the
阅读全文
摘要：5.table和div 5.1 表格 软件1810班名册 学号 姓名 性别 年龄 01 张三 男 21 02 李四 女 20 …… 人数合计 32 表格的组成部分：标题、表头、主体、表尾 <table>定义一个表格 <caption>定义表格的标题 <thead>定义表头部分 <tbody>定义表格
阅读全文
摘要：4.1 表单 什么是表单？收集用户填写的信息并将其提交到后台服务器。 <form> action属性：指定提交的地址； method属性：指定提交的方式，get/post。 get和post方式的区别： （1）长度的限制，get方式限制为2k以内； （2）安全性，get方式提交的数据会直接呈现在地址
阅读全文
摘要：列表 有序ol ->li 无序ul->li 自定义dl->dd,dt 考点 （1）：怎么去除默认样式list-style: none; （2）嵌套关系 表格 <table border="1" cellspacing="0" cellpadding="0" > <caption>我是表格标题</ca
阅读全文
摘要：显示方式分类 块级（block）元素 独占一行 p、div、列表（ul、ol、li、dl、） h1~h6、form 行内（inline）元素 不会独占一行 不能设置宽（width）和高 button、span、a、label 行内块(inline-block)元素 不会独占一行 可以宽（width）
阅读全文
摘要：HTML是什么 超文本标记语言，一个网页在不同的地方使用不同的标签去标记 一个网页的组成：HTML+CSS+JavaScript（JS、JQuery） HTML：结构；网页显示什么内容由HTML来决定 CSS ：层叠样式；决定这个网页好不好看（颜色、大小、尺寸） Javascript：行为、动态 标
阅读全文
1
浙公网安备 33010602011771号