学习笔记
关注
分享
扫一扫
Gudamu
这个作者很懒，什么都没留下…
展开
-
第八章
第八章 使用jQuery操作 DOM 1.jQuery中的DOM操作 1.设置和获取样式值 使用css()为指定的元素设置样式值或获取样式值 css(name,value) ; //设置单个属性 或 css({name:value, name:value,name:value…}) ; //同时设置多个属性 例：$(this).css("border","5px solid #f5f5f5"); 或 $(thi原创 2021-01-31 20:10:33 · 91 阅读 · 0 评论 -
第七章
第七章 jQuery中的事件与动画 1.jQuery中的事件 jQuery事件是对JavaScript事件的封装 1.鼠标事件 鼠标事件是当用户在文档上移动或单击鼠标时而产生的事件 click( ) 单击鼠标时 mouseover( ) 鼠标指针移过时 mouseout( ) 鼠标指针移出时 mouseenter( ) 鼠标指针进入时 mouseleave( ) 鼠标指针离开时 2.键盘事件 用户每原创 2021-01-31 20:09:59 · 123 阅读 · 0 评论 -
第六章
第六章 jQuery选择器 1.概念 jQuery选择器类似于CSS选择器，用来选取网页中的元素 例：$("h3").css("background","#09F"); 功能：获取并设置网页中所有<h3>元素的背景； “h3”为选择器语法，必须放在$()中； $(“h3”)返回jQuery对象； .css()是为jQuery对象设置样式的方法 分类：通过CSS选择器选取元素 ①基本选择器 ②层次选择器原创 2021-01-31 20:09:26 · 89 阅读 · 0 评论 -
第五章
第五章 初识jQuery 1.语法结构 $(selector).action() ; 工厂函数$()：将DOM对象转化为jQuery对象 选择器 selector：获取需要操作的DOM 元素 方法action()：jQuery中提供的方法，其中包括绑定事件处理的方法 2.操作页面元素 1.addClass( )方法为元素添加样式 jQuery 对象.addClass([样式名]); 例：$("#current").addClass("current"); 2.使用css( )方法设置元素样原创 2021-01-31 20:08:55 · 106 阅读 · 0 评论 -
第四章
第四章 JavaScript对象及初识面向对象 1.创建对象 1.自定义对象 基于Object对象的方式创建对象 var 对象名称=new Object( ); 例：var flower=new Object(); flower.name="长春花"; flower.genera="夹竹桃科 长春花属"; flower.area="非洲、亚热带、热带以及中国大陆的华东、西南、中南等地"; flower.uses="观赏或用药等"; flower.showName=f原创 2021-01-31 20:08:23 · 81 阅读 · 1 评论 -
第三章
第三章 JavaScript操作DOM对象 1.使用getElement系列方法访问指定节点 1.getElementById() 2.getElementsByName() 3.getElementsByTagName() 2.根据层次关系访问节点 1.节点属性 parentNode 返回节点的父节点 childNodes 返回节点的所有的子节点，包括元素节点、文本节点等 .原创 2021-01-31 20:07:54 · 337 阅读 · 0 评论 -
第二章
第二章 JavaScript操作BOM对象 1.BOM模型 1.BOM：浏览器对象模型 BOM提供了独立于内容的、可以与浏览器窗口进行互动的对象结构 2.BOM可实现功能 弹出新的浏览器窗口 移动、关闭浏览器窗口以及调整窗口的大小 页面的前进、后退 2.windo对象 1.常用属性 history 有关客户访问过的 URL 的信息 location 有关当前 URL 的信息 window.属性名= "属性值" 例：window.location=原创 2021-01-24 15:06:59 · 108 阅读 · 0 评论 -
第一章
第一章 1.JavaScript 1.基本结构 <script type="text/javascript"> <!—JavaScript 语句;—> </script > 例：<title>初学JavaScript</title> </head> <body> <script type="text/javascript"> document.write("初学JavaScript");原创 2021-01-23 16:13:50 · 157 阅读 · 0 评论 -
第七章
第七章## 浮动 1.标准文档流 1.块级元素（block） <h1>...<h6> <p> <div> 列表 2.内联元素（inline） <span> <a> <img/> <strong> ... 2.display属性 block 块级元素的默认值，元素会被显示为块级元素，该元素前后带有换行符 inline 内联元素的默认值，元素会被显示为内联元素，该原创 2021-01-17 16:00:55 · 192 阅读 · 0 评论 -
第六章
第六章 盒子模型 1.边框（border） 1.边框颜色 border-color [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UzS7ZJi2-1610870351366)(D:\笔记\捕获.PNG)] 2.边框粗细 border-width 属性值：thin 细边框 medium 中等边框（默认） thick 粗边框 像素值 例原创 2021-01-17 16:00:20 · 66 阅读 · 0 评论 -
第五章
第五章## CSS3美化网页元素#### 1.标签 1.基本语句 <span>...</span> 2.字体样式（font） 1.字体类型 font-family 例：p{font-family: "楷体";} body{font-family: "楷体";} 2.字体大小 font-size 例：h1{font-size:24px;} 3.字体风格 font-style 例：h1{font-style:italic;} 4.字体粗细 font-weight 例：h1原创 2021-01-17 15:59:37 · 83 阅读 · 0 评论 -
第四章
第四章 CSS3 1.CSS 1.基本语法结构 选择器 {声明1; 声明2; …… } 2.style标签 <style type="text/css"> h1 { font-size:12px; color:#F00; } </style> 2.CSS样式 1.行内样式 例： <h1 style="color:red;">style属性的应用</h1> <p styl原创 2021-01-17 15:59:03 · 84 阅读 · 0 评论 -
第三章
第三章## 表单 1.表单 1.基本语法 <form method="post" action="result.html"> <p>名字：<input name="name" type="text"></p> <p>密码：<input name="pass" type="password"></p> <p> <input type="submit" name="name" va原创 2021-01-17 15:57:57 · 124 阅读 · 0 评论 -
第二章
第二章 列表、表格与媒体元素 1.列表 1.无序列表 <ul> <li>...</li> <li>...</li> <li>...</li> </ul> 注：无顺序；每个<li>标签独占一行；默认<li>标签前有个实心小圆点 2.有序列表 <ol> <li>...</li> <li>...</li> <li>...原创 2021-01-17 15:57:22 · 94 阅读 · 0 评论 -
第一章
第一章 HTML网页布局 1.基本结构 <!DOCTYPE html> //规范声明 <html> <head lang="en"> <meta charset="utf-8"/> //utf-8防乱码 <title>网页标题内容</title> </head> <body> 体内容 </body> </html&g原创 2021-01-17 15:56:52 · 102 阅读 · 0 评论