前端
关注
分享
扫一扫
paku-san
这个作者很懒，什么都没留下…
展开
-
CSS-常用的选择器
六种常用的选择器准备工作1、id选择器2、class选择器(类选择器)3、标签选择器4、通配符5、分组选择器6、后代选择器7、伪类选择器准备工作使用div标签<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>选择器</title> &l...原创 2019-05-19 11:36:51 · 1472 阅读 · 0 评论 -
html-table标签属性总结
table标签属性table标签borderwidthborder-spacingborder-collapsemargintr标签heightbackground-colortext-alignvertical-aligntd标签合并单元格合并行单元格rowspan合并列单元格colspantable标签borderborder标签属性：设定围绕表格的边框的宽度：<!DOCTYPE...原创 2019-05-17 13:28:40 · 7000 阅读 · 1 评论 -
JavaScript-绑定事件的三种方式（原生方式和bind方法）
事件绑定的三种方式第一种直接在标签中绑定事件第二种1. 原生JavaScript代码实现2. 使用JQuery对象转换成JavaScript对象实现第三种1.使用click方法2.使用bind方法a.绑定一个事件b.绑定多个事件取消绑定事件第一种直接在标签中绑定事件<!DOCTYPE html><html> <head> <meta char...原创 2019-05-30 18:23:43 · 4497 阅读 · 0 评论 -
JQuery-val方法 填充输入框内容、选中单选、复选和下拉列表
文章目录输入框单选复选下拉列表输入框填充输入框内容<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-1.8.3.js"...原创 2019-06-03 17:10:21 · 654 阅读 · 0 评论 -
JQuery-DOM节点属性：attr、removeAttr、addClass、removeClass、html、text
文章目录attrremoveAttraddClassremoveClasshtml和text设置内容获取内容attr设置或返回被选元素的属性值<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script t...原创 2019-06-03 18:22:39 · 863 阅读 · 0 评论 -
JQuery-jQuery插件机制
文章目录jQuery.extend(object)jQuery.fn.extend(object)注意为了扩展jQuery库函数，jQuery提供了两种方式jQuery.extend(object)扩展jQuery对象本身，主要是用来扩展jQuery全局函数 ，调用时直接$.函数名(参数)<!DOCTYPE html><html> <head>...原创 2019-06-03 20:15:49 · 179 阅读 · 0 评论 -
JavaScript-匿名函数、闭包
文章目录匿名函数闭包匿名函数没有函数名的函数称为匿名函数<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script> /*匿名函数的表示方法 (function(形参) { ...原创 2019-07-11 16:20:09 · 195 阅读 · 0 评论 -
JavaScript-变量提升与函数提升
文章目录变量提升函数提升变量提升JavaScript中变量的声明将被提升到函数的最顶部 <script> var name='zhangsan'; function test(){ console.log(name); var name='lisi'; }; test(); </script>这是因为在函数内声名的变量被自动的提...原创 2019-07-11 17:12:57 · 190 阅读 · 0 评论 -
JavaScript- const、var、let 关键字
文章目录constvar和let的区别1. 全局作用域2. 函数作用域3. 语句块作用域4. 重复声明constconst声明的变量必须直接初始化且不允许二次赋值 <script> const name = "zhangsan"; console.log(name); const name = "lisi"; console.log(name); </...原创 2019-07-11 17:59:28 · 237 阅读 · 0 评论 -
JavaScript-自定义对象
自定义对象1.直接创建对象2.初始化器方式3.构造方法式4.原型式5.混合式1.直接创建对象<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script&...原创 2019-05-21 15:15:58 · 391 阅读 · 0 评论 -
JavaScript-中如何定义方法
定义方法第一种方式第二种方式两种方式的区别第一种方式<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> //第一种方式 fu...原创 2019-05-21 14:36:15 · 1265 阅读 · 0 评论 -
CSS-display样式属性
display样式属性<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> a{ border: 1px solid red; text-decoration: none; ...原创 2019-05-19 23:43:36 · 1302 阅读 · 0 评论 -
CSS-position样式属性
文章目录position样式属性1. static2. relative3. fixed4. absoluteposition样式属性position有很多样式属性主要的有4个:static、relative、fixed、absolute1. static默认值。没有定位，元素出现在正常流中<!DOCTYPE html><html> <head...原创 2019-05-19 14:39:12 · 299 阅读 · 0 评论 -
CSS-margin样式属性
margin-外边距样式属性相对于同级的标签设置偏移量<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> span{ border:1px solid red; ...原创 2019-05-19 15:12:21 · 496 阅读 · 0 评论 -
CSS-float样式属性
文章目录问题解决方法：使用float样式属性取消浮动的两种方法1. 在div内添加取消浮动的代码2. 使用伪类after问题在写浏览器会将换行代码之间多个空格解释为一个空格，但是这一个空格有时会破坏整个页面布局比如：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <...原创 2019-05-20 16:28:50 · 1249 阅读 · 2 评论 -
CSS-margin和padding样式属性
文章目录外边距margin一个值两个值三个值四个值margin-topmargin-rightmargin-bottommargin-left内边距padding一个值两个值三个值四个值padding-toppadding-rightpadding-bottompadding-left注意外边距准备<!DOCTYPE html><html> <head>...原创 2019-05-20 17:43:57 · 981 阅读 · 0 评论 -
JavaScript-JavaScript定义位置
JavaScript定义位置script标签内标签属性内单独的js文件中script标签内JavaScript代码可以定义在html文件的script标签内<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>JavaScript定义位置</t...原创 2019-05-21 13:48:54 · 251 阅读 · 0 评论 -
JavaScript-数组遍历的两种方式
JavaScript数组遍历总结准备工作普通for循环遍历for in循环遍历注意准备工作创建一个数组<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <s...原创 2019-05-21 13:59:28 · 187 阅读 · 0 评论 -
JavaScript- ==与===区别
== 与 === 的区别==比较符号两边是否等，不考虑数据类型=== 也是比较符号两边是否等，但是需要考虑数据类型<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> ...原创 2019-05-21 14:10:52 · 179 阅读 · 0 评论 -
JavaScript-箭头函数
箭头函数箭头函数的特性javaScript中箭头函数和Java中的lambda表达式两者相似，这种函数的出现大大简化了函数的定义比如：传统定义函数的方式 <script> function add(a,b) { return a + b; }; console.log(add(1,2)); </script>使用箭头函数定义函数的方式...原创 2019-07-11 20:29:26 · 188 阅读 · 0 评论