【第十一章 前端开发-jQuery】的更多相关文章

第十一章 前端开发-jQuery

11.4.0 jQuery 11.4.1 基本知识 定义: jQuery是一个快速,小巧,功能丰富的JavaScript库 作用:它通过易于使用的API在大量浏览器中运行,使得HTML文档遍历和操作,事件处理,动画和Ajax变得更加简单 jQuery使用 $ 符号,占用两个变量:$ 和 jQuery $ 实际上表示的是一个函数名. jQuery本质就是一个函数 $(); // 调用上面我们自定义的函数$ // 在script中写代码前,必须进行文档加载,避免出错 $(document).read…

第十一章 前端开发-JavaScript

第十一章 前端开发-JavaScript 11.3.1 js引入方式 行内样式 <p id="" class="" style="" onclick="console.log(2);">mjj</p> 内嵌式 <script type="text/javascript"> // js代码 </script> 外接式 <script type="…

第十一章 前端开发-css

第十一章 前端开发-css 1.1.0 css介绍 css是指层叠样式表(Cascading Style Sheets),样式定义如何显示html元素,样式通常又会存在于样式表中. css优势: 内容与表现分离 网页的表现统一,容易修改 丰富的样式,使页面布局更加灵活 减少代码量,增加网页浏览器速度,节省网路带宽 运用独立页面的css,有利于网页被搜索引擎收录 如何用? 我们通常会把样式规则的内容都保存在CSS文件中,此时该CSS文件被称为外部样式表,然后在HTML文件中通过link标签引用该C…

第十一章 前端开发-html

第十一章 前端开发-html 1.1.0 html:超文本标记语言 html特征:(HyperText Markup Language) 对换行的空格不敏感 空白折叠 标签:有称为标记 双闭合标签 <a href=""></a> 单闭合标签 <br> 1.1.1 head标签 title标签:显示网站的标题 meta标签:提供有关界面的元信息 -字符编码 style标签:定义内部样式表 link标签:链接css资源文件.网站图标 script标签:链…

第十一章 前端开发-bootstrap

11.5.0 bootstrap 11.5.1 bootstrap的介绍和响应式 http://book.luffycity.com/python-book/95-bootstrap/951-bootstrapde-jie-shao.html CSS3 的 @media 查询 定义和使用 使用 @media 查询,你可以针对不同的屏幕大小定义不同的样式. @media 可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计响应式的页面,@media 是非常有用的. 当你重置浏览器大小的过…

前端开发 - JQuery&Bootstrap - 总结

一.JavaScript和Jquery的区别 1.javascript的缺点: 1.书写繁琐,代码量大 2.代码复杂 3.动画效果,很难实现.使用定时器 各种操作和处理 2.定义: 1.Javascript是一门编程语言,我们用它来编写客户端浏览器脚本. 2.jQuery是javascript的一个库,包含多个可重用的函数,用来辅助我们简化javascript开发 3.jQuery能做的javascipt都能做到,而javascript能做的事情,jQuery不一定能做到 注意:一般情况下,是库…

前端开发 - JQuery - 上

一.js的缺点 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>使用js的一些痛处</title> <style type="text/css"> div{ width: 100%; height: 100px;margin: 10px 0 0 0 ;display: no…

前端开发 - JQuery - 下

二十五.jquery的事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jquery的事件</title> </head> <body> <!-- https://www.processon.com/view/link/5ad1c48de4b0b74a6dd65426 j…

前端开发 - JQuery - 中

十四.jquery属性操作 attr prop <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jquery属性操作 attr prop</title> </head> <body> <div id="box"> <p>路飞学城</…

前端开发 - jQuery

本节内容 一.jQuery概述 二.选择器 三.操作DOM 四.修改DOM结构 五.事件 六.动画 七.AJAX(待续) 八.扩展(待续) 一.jQuery概述 jQuery 是一个 JavaScript 库, 极大地简化了 JavaScript 编程,是JavaScript世界中使用最广泛的一个库 jQuery特点 消除浏览器差异:你不需要自己写冗长的代码来针对不同的浏览器来绑定事件,编写AJAX等代码: 简洁的操作DOM的方法:写$('#test')肯定比document.getElemen…