JavaScript和jquery基础

1.js定义
   JavaScript是由网景公司推出，主要运行在浏览器客户端，实现页面交互的脚本语言  (简答)
2.js组成
   ECMAScript(核心,基础语法)   BOM(浏览器对象模型)   DOM(文档对象模型)  (简答)
3.js注释
  (1)单行注释 格式//   (2)多行注释  格式 /**/
4.引入方式
   (1) 内部嵌入  (2) 外部引入
5. alert() 弹出警告框
   document.write() 在页面中输出
   console.log()   浏览器的控制台打印

6. js基本数据类型
     (1)number  数字
     (2)string  字符串  注意:单引号和双引号都代表字符串
     (3)boolean 布尔
     (4)null  空
     (5)undefined 声明了 并没有赋值
7.typeof 操作符 检测变量的数据类型
8.parseInt()  剖析整数的  如果第一个就是不是数字 返回NaN
  parseFloat() 剖析小数的 如果第一个就是不是数字 返回NaN
  Number()  string数字-->number类型的数字
9. ==比较的是值
   ===比较的是值和类型

1.定义数组的三种方式
    注意:(1) 可以存不同类型的数据
        (2) 长度可变的
    for in 循环中 变量代表的是数组的下标
2 反转  reverse()
  排序 sort()
  拼接 concat()
  截取 slice() 如果一个参数 从指定参数开始默认到末尾
              两个参数是包前不包后

定义:函数是用function关键字定义，由函数名、参数列表和
        函数体构成的代码块
分类:(1) 自定义函数 (自己定义的方法)
     (2) 内建函数 (已经定义好的,拿来用即可)
         (1) alert() 弹出警告框  接收一个字符串类型的参数
         (2) confirm() 确认框 接收一个字符串类型的参数 点击确定返回true 点击取消返回false
         (3) prompt() 提示框 第一个参数是提示语,第二个参数是文本框的默认值 点击确定返回文本框的值 点击取消返回null
         (4) eval() 可以把字符串内容转成js可执行的代码

 innerHTML 和 value区别
 value操作(取值或者赋值)单标签和特殊的双标签(文本域,下拉框,双标签的按钮)的
 innerHTML 操作非特殊的双标签的
 键盘事件
   定义:键盘事件是由键盘操作触发的DOM事件
    (1)onkeyup()  键盘抬起 (放开先前按下的)
    (2)onkeydown() 键盘按下 (全部按键)
    (3)onkeypress() 键盘按下(部分按键,不包括系统按键)
 鼠标事件
    是由鼠标操作触发的DOM事件
    (1) onclick() 单击事件  常用
    (2) ondblclick() 双击事件
    (3) onmouseover()  鼠标移上事件  做列表  移上变颜色
    (4) onmouseout()  鼠标移出     移出恢复原来的颜色
    (5) onmousemove() 鼠标移动
    (6) onmousedown() 鼠标按下
 表单事件
    (1) onfocus() 获取焦点事件
    (2) onblur()  失去焦点事件  常用 结合正则使用
    (3) onsubmit() 表单提交事件  结合正则使用
    (4) onreset() 重置
    (5) onchange() 内容改变事件 三级联动会用
    (6) onselect()  用户选取表单域里的文本时触发

 其他事件

window对象是BOM的顶级对象，也是JavaScript的全局对象
window对象是Javascript中的默认对象，调用其属性或方法时可以省略“window”这个前缀

alert() 弹出警告框
confirm() 确认框
prompt() 提示框
open() 打开
close() 关闭

定时器
   执行一次的
   setTimeout()
   清除一次的
   clearTimeout()
   重复执行的
   setInterval()
   清除重复的
   clearInterval()

 document.getElementById()  根据id来获取元素的 只能获取一个 具有唯一性  常用
 document.getElementsByName() 根据name属性值来获取的能获取多个 返回的是数组
 document.getElementsByTagName 根据标签名来获取 能获取多个  返回的是数组
 document.getElementsByClassName 根据类名来获取的 能获取多个 返回的是数组 常用
 document.createElement()  创建标签

正则在//里写
组成  元字符 普通字符 修饰符 量词
   (1)元字符 (已经定义好的了,拿来用即可)
      \d 一个数字(0-9)
      \D 一个非数字
      \w 一个字符 数字 字母 下划线
      \W 非数字字母下划线
    (2) 量词 规定次数的
         * 任意次
         + 至少一次
         ? 0次或1次
         {m} 只能次
         {m,} 至少m次
         {m,n} m到n次
     (3)i修饰符  加上就不区分大小写了
	 [\u4e00-\u9fa5]
	 (4)小数点后保留几位
	 1、.（点）是正则表达式中的元字符。
                       它会匹配除了换行符以外的任意字符。
     2、由于.（点）是元字符，所以，如果想要匹配字面意义上的点时
        （此处需要匹配小数点），需要使用转义字符\（反斜杠）将它进行转义，即\.。
     3、如果要匹配小数点后保留2位小数，则只需要改一下限定符即可。\.\d{2}
     (5)

1.复制jquery-1.8.2.min.js到web文件夹下
2.引入源文件  <script src="jquery-1.8.2.min.js"></script>
3.如果报$ is not defined
    (1)说明没有引入jq的源文件 先引入
    (2) 如果还是报错,重启服务器
    (3) 重新启动idea
4.css() 操作样式的方法 如果有一个参数就是取样式值 如果有两个参数就是给其样式重新赋值
5.文档就绪函数
     两个
     jQuery代码位于head标签中则必须使用文档就绪函数
     jQuery代码位于body结束标签之前，其它所有标签之后，则可以不需要使用文档就绪函数
     文档就绪函数写几次就会执行几次
     onload 之后执行最后一次
6.基本选择器
   (1) id选择器 格式#id值 具有唯一性  常用
   (2) class 类选择器 格式. 能获取多个 常用
   (3) 所有元素选择器 格式*
   (4) 联合选择器 格式是,  和的意思
   (5) 标签选择器 通过标签名来获取的

1.层级选择器
   (1) 子元素选择器 (找儿子) 格式>
   (2) 后代元素选择器 (找后代) 格式 空格
   (3) 紧邻同辈元素选择器 (找紧挨着的下一个) 格式+
   (4) 相邻同辈元素选择器 (找同辈后面的所有) 格式~
2.位置选择器
   (1) eq() 等于 参数传的是下标
   (2) first() 第一个
   (3) last() 最后一个
   (4) odd() 下标为奇数的(偶数行)
   (5) even() 下标为偶数的(奇数行)
   (6) gt() 大于
   (7) lt() 小于
3.属性选择器 格式[]
   [属性名]  获取有该属性名的
   [属性名='属性值']  获取具体的有该属性值得
   [属性1][属性2]  有属性1并且有属性2的
4. 表单域选择器
   (1) :text   获取所有的文本框
   (2) :password 获取所有的密码框
   (3) :radio  获取所有的单选框
   (4) :checkbox 获取所有的复选框
   (5) :input  获取所有标签名为input和特殊的双标签
   (6) :button  获取单双标签的按钮

remove() 删除
empty() 清空

remove()删除节点是将节点及所包含的所有后代节点删除掉。
empty()清空节点是清空标签内所有节点(不包含本节点)。

each() 遍历

查找元素的方法
(1) next() 同辈的下一个
(2) prev() 同辈的上一个
(3) find() 找后代
(4) children() 找子元素(儿子)  有参数就是找指定的儿子  没有参数就是找所有的儿子
(5) parent()  找唯一父元素(找亲爹)
(6) parents() 找祖先元素
(7) siblings() 找所有的同辈元素(不包括自己)

val()  html()  text()
有参数都是重新赋值
无参都是取值

val() 操作单标签和特殊的双标签(下拉框,文本域,双标签的按钮)的

text() html() 操作非特殊的双标签的
  text() 无参 是取值 取的是文本内容(不包括标签的)
  html() 无参 是取值  取的是html内容(包括标签的)
  text() 有参 赋值 不识别标签的
  html() 有参 赋值 识别标签的

attr() 操作属性的方法
  一个参数是取值属性值  只能取第一个
  两个参数是给其属性重新赋值
  removeAttr() 删除属性

addClass()  添加样式类
removeClass() 删除样式类
toggleClass() 切换的 有则删除 无则添加
hasClass()  是否包含样式类 有返回true 没有就返回的是false

1.jq中的普通事件 就是把js事件中的on干掉
2.绑定多个事件  bind()  live() on()
    unbind() 解绑 bind()
    off() 解绑 on() 的