2018-08-23

jsday04

一、下拉框的内容左右移动

1.知识点：

（1）select标签===下拉框；select元素中的 option 标签用于定义列表中的可用选项。

（2）Document 对象方法

getElementById()=== 返回对拥有指定 id 的第一个对象的引用。

getElementsByName() ===返回带有指定名称的对象集合。

getElementsByTagName() ===返回带有指定标签名的对象集合。

(3) &nbsp===空格 获取可视性的宽度和高度

<pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang="" contenteditable="false" cid="n11" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: var(--monospace); font-size: 0.9em; display: block; break-inside: avoid; text-align: left; white-space: normal; background-image: inherit; background-position: inherit; background-size: inherit; background-repeat: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: rgb(248, 248, 248); position: relative !important; border: 1px solid rgb(231, 234, 237); border-radius: 3px; padding: 8px 1em 6px; margin-bottom: 15px; margin-top: 15px; width: inherit; color: rgb(51, 51, 51); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">document.documentElement.clientWidth
document.documentElement.clientheight</pre>

二、案例2

三、吸顶条

四.自动播放选项卡

五.JQuery

write less,do more!

1.JQuery是什么

2.版本

压缩版本：后缀.min.js 一行代码全部搞定的形式

非压缩版本：后缀.js

下载网址：www.bootcdn.cn/jquery

3.使用方式：

两种使用方式可以本地使用，也可以引入在线文件

(1)本地：

4.基本选择器

：first 第一个 ：last :event :odd