今天完成的事

JS HTML DOM

JavaScript 能够改变页面中的所有 HTML 元素

JavaScript 能够改变页面中的所有 HTML 属性

JavaScript 能够改变页面中的所有 CSS 样式

JavaScript 能够对页面中的所有事件做出反应

选择器

ID选择器

document.getElementById("main");

类名选择器

document.getElementsByClassName("intro")

改变内容

innhtml

inntext

改变属性

document。getementid。style。backccl=rem

节点操作

appendchind（）添加

replacechild删除

JS 对象

person=new Object(); person.firstname="John"; person.lastname="Doe"; person.age=50; person.eyecolor="blue";

日期

var today = new Date() var d1 = new Date("October 13, 1975 11:13:00") var d2 = new Date(79,5,24) var d3 = new Date(79,5,24,11,33,0)

数组

var mycars = new Array(); mycars[0] = "Saab"; mycars[1] = "Volvo"; mycars[2] = "BMW";

JS 弹框

警告框

alert("你好，我是一个警告框！");

确认框

var r=confirm("按下按钮");

提示框

person=prompt("请输入你的名字","Harry Potter");

JS计时事件

setInterval() 循环执行代码

setTimeout() 延迟执行代码

Cookie 传参

创建 document.cookie="username=John Doe";

接受 var x = document.cookie;

JQ的学习

介绍

jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。 jQuery 很容易学习。

JQ主要有哪些功能

HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities

JQ的使用

在线引入就行

百度的CDN https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js

又牌运的CND https://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js

语法

美元就是定义使用JQ

选择器

元素选择器

$（’p‘）

ID选择器

￥（’#ij‘）

类名选择器

￥（’。ic）

选择当前元素

￥（this）

选择第一个元素

￥‘ui li：first-chid’

事件

鼠标事件

click

hover

双击 dblclick

穿过 mouseeenter

JQ 隐藏显示

$(;).hidd 隐藏

￥（）。show显示

隐藏显示切换 toggle

淡出

$("#div1").fadeIn();

淡入

$("#div1").fadeOut();

结合淡入淡出

$("#div1").fadeToggle();

JQ滑动出

$("#panel").slideDown();

滑动如

$("#panel").slideUp();

滑动出入

$("#panel").slideToggle();

JQ动画

$("div").animate({ left:'250px', opacity:'0.5', height:'150px', width:'150px' });

明天计划的事

学习任务五