JavaScript概述

一、js的特点

• 是一种脚本语言，嵌套在网页中
• 是基于对象的语言，也可以创建对象
• 是基于事件驱动的语言，任何触发js的操作都需要 “事件” 例如 单击事件，双击事件，提交事件等
• 是一门安全及平台无关性语言
• JS是一门解释型语言，只需要浏览器即可

二、js的变量声明

• var 变量名 = 初始值
• js是弱类型语音，声明时不需要指定数据类型，先赋值再使用

三、js的数据类型

• 基本数据类型
  1.数值型 Number（包括小数和整数）
  2.字符串型 String
  3.布尔类型 boolean
  4.空 null
  5.未定义 undefined
• 引用数据类型（对象类型）
  Object类型

四、js的函数定义

语法: function 方法名([参数列表]){
方法体
}

或者使用匿名方法
var 变量名 = function([参数列表] ){
方法体
}

五、js的常用方法

1、获取html元素：

• document.getElementById("") 返回一个dom对象
• document.getElementByName("") 返回数组对象
• document.getElementByTagName("") 返回数组对象

2 获取元素的内容：
innerHTML 和 innerText

区别：

• innerHTML ： 获取或设置 对象 的 所有内容 ，包含HTML标签
• innerText：获取或设置 对象 的 文本内容，不包含标签

3 给元素设置样式

• 对象.style.样式名=值 ， 样式名来自css的样式名，
  width -》 width 、 background-color -》 backgroundColor 遵循驼峰命名法
  document.getELementById("").style
• 对象.className=值

jQuery

一、作用

• jquery 封装了大量的API ，可以基本替代javascript的原生方法
• jquery 可以操作 样式 ，美化页面
• jquery可以完成页面的dom元素的添加，删除，访问，检索 ，遍历
• jquery可以提供ajax的封装
• jquery UI 提供很多 ui组件。 （用户界面 ）
• jquery 提供大量的事件， 提供一些表单验证的组件

二、语法

$(document).ready(function(){
     代码块
}

 window.onload=function(){
     代码块
}

以上两种写法区别

1、 onload 写法必须等待网页加载完 ，执行包裹语句块 ，ready 只需网页的dom结构加载完，即可执行
2、 onload 只能在页面上 写一次，第二个次会覆盖 ，ready 可以写多次 ，依次按顺序加载
3、onload 没有简写 ready 可以简写
ready 简写

$(function(){
});

三、选择器

基本选择器

1 标签选择器 $(“p”) $(“div”).click（回调函数 处理）
2、id选择器 $("#mydiv")
3 类选择器 $(".cls")
4 属性选择器 $("[type]")
5 交集选择器 $(“input[type=‘text’]”) 选择 input框中 类型type=text的元素 没有任何间隔符
6、并集选择器 $(“p,div,a”) .css(key ,value) ,给选中的元素 设置样式
7 全局选择器 $("*")

层级选择器

1、 后代元素 空格 $(“父 子”)
2 、子元素 > $(“父>子”)
3、相邻元素 + $(“父+子”)
4、兄弟元素 ~ $(“子~子”)

冒号选择器

:eq() 选取相等元素
:gt() 选取大于值元素
:lt() 选取小于值
:even() 选取偶数
:odd() 选取奇数
:not(选择器) 选取不等于选择器的

属性选择器

[属性名] 选择包含属性名的元素
[属性名=属性值] ： 选取 属性名= 属性值的元素
[属性名！=属性值] ： 选取 属性名= 属性值的元素
[属性名*=属性值] “ 选取 属性名包含 属性值的元素
[属性名^=属性值] ： 选取 属性名以 属性值开头的元素
[属性名$=属性值 ]： 选取 属性名以 属性值结尾的元素