【前端开发之jQuery篇--选择器】的更多相关文章

前端开发之jQuery篇--选择器

主要内容: 1.jQuery简介 2.jQuery文件的引入 3.jQuery选择器 4.jQuery对象与DOM对象的转换 一.jQuery简介 1.介绍 jQuery是一个JavaScript库:极大简化了JavaScript编程,所以学习难度大大降低. jQuery 是一个“写的更少,但做的更多”的轻量级 JavaScript 库. 2.特性 jQuery是一个javascript函数库. 3.jquery 和 JavaScript的区别 Javascript是一门编程语言,我们用它来编写…

前端开发之JavaScript篇

一.JavaScript介绍  前端三剑客之JavaScript,简称js,可能是这三个里面最难的一个了.很早以前,市面上流通着三种js版本,为了统一,ECMA(欧洲计算机制造协会)定义了规范的版本,即EcmaScript. 事实上ECMAScript只是JavaScript的一部分,完整的JavaScript是由以下三个部分组成的: 核心(ECMAScript) 文档对象模型(DOM)Document object model 浏览器对象模型(BOM)Broswer object model…

前端开发之css篇

一.css简介 css(Cascading Style Sheets)层叠样式表,是一种为html文档添加样式的语言,主要有两个功能:渲染和布局.使用css主要关注两个点:查找到标签,属性操作 二.css的引入方式 (1)行内式引入: <div style="color:red;font-size: 16px">hello</div> 直接在html语句的属性中设置,这种方法的缺点是html代码和css代码混合在一起,耦合性太强,维护困难 (2)嵌入式引入: &…

前端开发之jQuery库

使用jquery开发的时候,如果我们不想使用自己的jquery文件,那么可以引用现成的地址.方便日常开发使用 jquery-2.0以上版本 (注!不再支持IE 6/7/8) jquery-2.0.0百度引用地址 (推荐目前最稳定的,不会出现延时打不开情况) 支持的版本: 2.0.3, 2.0.2, 2.0.1, 请根据所需要的版本 修改对应(红色字为当前版本)的地址: jquery//jquery.min.js 百度压缩版引用地址: <script src="http://libs.bai…

前端开发之jQuery效果篇

主要内容: 1.显示与隐藏效果 2.滑动效果 3.淡入与淡出效果 4.动画效果 5.弹出广告效果 一.显示与隐藏 显示与隐藏即 show() 和 hide() ,能够控制元素显示或隐藏. 实例: <script type="text/javascript"> var isShow = true; $('#btn').click(function () { if(isShow){ $('.box').show(3000,function () { $('.box').text…

前端开发之jQuery位置属性和筛选方法

主要内容: 1.jQuery的位置属性及实例 (1)位置属性 (2)实例 --- 仿淘宝导航栏 2.jQuery的筛选方法及实例 (1)筛选方法 (2)实例一:嵌套选项卡 (3)实例二:小米官网滑动 (4)实例三:焦点轮播图 (5)实例四:动态实现轮播图 一.jQuery的位置属性及实例 1.位置属性 HTML部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8…

前端开发之jQuery属性和文档操作

主要内容: 1.jQuery属性操作 2.jQuery文档操作 一.jQuery属性操作 1.什么是jQuery的属性操作? jQuery的属性操作模块包括四个部分:html属性操作,dom属性操作,类样式操作和值操作. (1)html 属性操作 对html文档中的属性进行读取,设置和移除操作.例如:attr(),removeAttr(). (2) DOM属性操作 对DOM元素的属性进行读取,设置和移除操作.例如:prop(),removeProp(). (3) 类样式操作 对DOM属性clas…

前端开发之CSS篇三

主要内容:  一.CSS布局之浮动     二.清除浮动带来的问题     三.margin塌陷问题和水平居中     四.善用父级的的padding取代子级的margin     五.文本属性和字体属性     六.超链接美化     七.背景属性(颜色.图片.位置)   1️⃣  CSS布局之浮动 float:即浮动,CSS布局用得最多的一个属性. 效果:元素并排,并且两个元素都能够设置宽度和高度. 要想学好必须要知道的四个特性: (1)浮动的元素脱标: (2)浮动的元素互相贴靠: (3)浮…

前端开发之CSS篇二

主要内容: 一.CSS的继承性和层叠性 二.盒模型 三.padding属性 四.border属性 五.margin属性 六.标准文档流 七.行内元素和块状元素转换 1️⃣  CSS的继承性和层叠性 1.继承:给父级设置一些属性,子级继承了父级的该属性,这就是css中的继承. 有一些属性是可以继承下来的:如color.font-*.text-*.line-*文本元素,而像一些盒子元素,定位的元素(浮动.绝对定位.固定定位)不能继承. 示例: <!DOCTYPE html> <html la…

前端开发之HTML篇一

主要内容:     一.HTML简介 二.HTML标签        三.HTML文档结构和注释        四.head标签及相关内容        五.body标签及相关内容 1️⃣   HTML简介 (1)HTML HTML是一个网页的主体部分,也是一个网页的基础.因为一个网页可以没有样式,可以没有交互,但是必须要有网页需要呈现的内容.所以HTML部分是整个前端的基础. HTML,全称是超文本标记语言(HyperText Markup Language),它是一种用于创建网页的标记语言.…