JS/JQuery

• 脚本语言：源码直接解释执行
  提供用户交互性
  语法：
  
• 事件机制
  一、单、双击事件（ondblclick）
  二、鼠标移动事件（创建一个div 在范围内移动）
  三、键盘事件
  四、超链接调用js函数
  五、判断后跳转页面
  
  六、页面加载
  
  七、同时触发多个函数一起执行，要用分号隔开
  八、通过id或name获取HTML元素对象
  
• 日期对象Date
  一、获取当前完整日期时间/年 月 日/时 分 秒
  document . write ( Date( ) )
  

二、设置当前年 月 日/时 分 秒
（未设置的必选项则取当地标准时间）
设置时间往往都是将setFullYear()和setHours()结合使用来设置完整时间。
setMonth(month,day)
setDate(day)
setMinutes(min,sec,millisec)
setSeconds(sec,millisec)
三、将日期转换为字符串
（1）toString()方法；
var d = new Date();
document.write(d.toString());
（2）toUTCString()方法；
世界时间（UTC）
var d = new Date();
document.write(d.toUTCString());
（3）toLocaleString()方法；
当地时间
var d = new Date();
document.write(d.toLocaleString());
四、获取星期几

• DOM（文档对象模型）
  一、根节点（比如html）；父节点；子节点；兄弟节点
  二、DOM节点操作
  获取DOM中指定元素
  getElementById()；
  
  getElementsByName()；
  
  getElementById()
  （1）创建节点；
  
  （2）插入节点；
  1、appendChild();
  
  2、insertBefore();
  
  （3）删除节点；
  删除整个列表
  function del() {
  var e = document.getElementById(“list”);
  document.body.removeChild(e);
  }

（4）复制节点；

（5）替换节点；
三、JavaScript操作CSS
obj.style.属性名;
骆驼峰：“font-size”应该写成“fontSize”，“border-bottom-width”应该写成“borderBottomWidth”

• 弹窗和替换
  JQery替换
  

• 登录界面的校验
  显示提示信息：
  事件onfocus；事件要驱动函数；函数要修改span的内容
  
  事件onblur/onkeyup：
  

• 轮播图
  一、计时器：
  每隔两秒执行一次：setInterval ( " alert(‘wangnan’) " , 2000);
  两秒后执行就不再执行：seTimeout ( " alert(‘wangnan’)" , 2000);
  二、切换图片
  

• 显示和隐藏图片
  JQuery显示和隐藏动画效果
  

定时弹出广告（页面加载事件onload）
JQuery

• 表格
  一、隔行换色
  JQuery
  
  二、全选和全不选
  JQuery
  

• DOM操作分析
  DOM是关于如何获取、修改、添加或删除HTML元素的标准
  一、动态添加文本
  JQuery动态添加文本
  JQuery遍历
  
  二、省市联动
  JQuery
  

• 左右选择（将左选框中的选项添加到右选框）
  JQuery
  

• JQuery选择器
  一、基本选择器
  
  二、层级选择器
  子元素选择器；后代选择器；相邻兄弟选择器；弟弟选择器
  
  body>div
  
  三、基本过滤器
  
  四、属性选择器
  
  五、表单选择器/列表选择器
  
  选中的option改变颜色
  

• JQ开发相关步骤