JavaScript

JavaScript

1. HTML DOM：所有 HTML 元素被定义为对象，也就是每一对尖括号元素，而编程接口则是对象方法和对象属性
   HTML DOM 方法是在对象上执行的动作。
   HTML DOM 属性是在对象上设置和修改的值
2. JavaScript把HTML中任何元素都视为一个可编辑的对象（也就是DOM），然后通过JavaScript代码来进行修改操作。
   (1)JavaScript 能够改变页面中的所有 HTML 元素
   (2)JavaScript 能够改变页面中的所有 HTML 属性
   (3)JavaScript 能够改变页面中的所有 CSS 样式
   (4)JavaScript 能够对页面中的所有事件做出反应
   JS为了编辑HTML中的元素，需要将HTML中的元素找出来。在写HTML代码时就对 元素使用一些名字进行标记，然后JS通过选择器函数选中相应的元素，然后再进行操 作。
   选择器一共有三种：标签名选择器、类（class）选择器和ID选择器。
   标签名选择器： document.getElementByTagName(“标签名”)
   类选择器：document.getElementByClassName(“类名”)
   ID选择器：document.getElementById(“ID名”)
   通过类选择器和ID选择器得到的是一个数组
3. 修改HTML
   ①修改HTML内容
   修改ID选择的元素：document.getElementById(‘ID名’).innerHTML=’新HTML内容’；
   修改class和标签名的元素：通过类选择器和ID选择器得到的是一个数组
   for(var i=0;i<len;i++)
   {element[ i ].innerHTML=’新内容’}
   ②修改HTML属性
   修改ID选择的元素：document.getElementById(‘ID名’).属性名=’新属性值’；
   修改class和标签名的元素属性：通过类选择器和ID选择器得到的是一个数组
   for(var i=0;i<len;i++)
   {element[ i ].属性=’新属性’}
4. 修改CSS
   修改ID选择的元素：document.getElementById(‘ID名’).style.样式名=’新样式’；
   修改class和标签名的元素属性：通过类选择器和ID选择器得到的是一个数组
   for(var i=0;i<len;i++)
   {element[ i ].style.样式名=’新样式名’}
5. DOM事件：当点击一个元素时执行JS代码
   <a 事件名=’JS代码’>文本
   例如：加油 点击“加油”时执行function函数
6. AJAX-Asynchronous JavaScript And XML:无需在加载整个页面的情况下，更新部分网页的技术，用于创建快速动态网页。
7. JS对象：对象就是一个可以包含多个属性或者方法的变量
   ①对象属性：定义对象的属性和值
   定义对象：var 对象名={属性1：值1，属性2：值2，属性3：值3}；
   访问对象：对象名 . 属性名 或者 对象名[‘’属性名‘’]
   例：一个包含一个人信息的对象
   定义：var person={name:”Tom”,sex:”man”，age:22};
   访问：age=person.age或者age=person[“age”]
   ②对象方法：在对象内定义了一个函数
   定义方式：var 对象名={属性1：值1，
   属性2：值2，
   属性3：function（）
   {函数体}
   }；
   访问方式：对象名 . 属性名（） 注意：属性名后边要加括号，不加地话输出的是整个函数体代码
8. 正则表达式：正则表达式是由一个字符序列形成的搜索模式，正则表达式可用于所有文本搜索和文本替换的操作。
   语法：/主体/修饰符
9. JSON 相当于一个大型复合数组，用于存储和传输数据，常用于服务端向网页传递数据，数组内部的元素是多组对象。
10. JSON是一种独立语言，但是使用JS的语法。
    定义方式：
    Var JSON名=‘{ “数组名”：
    [
    ‘ + ’ {“属性1”：”值1”，“属性2”：‘’值2‘’}，
    ‘ + ’ {“属性1”：”值1”，“属性2”：‘’值2‘’}，
    ‘ + ’ {“属性1”：”值1”，“属性2”：‘’值2‘’}，
    ]
    }’;
    访问方式：先用JSON.parse（）函数取出JSON
    例：obj=JSON.parse(JSON名)；
    取具体值：obj.数组名[数组下标].属性名

JQurey

1. jQuery是一个公用JS函数库，也称为jQuery框架
2. 1.jQuery是一个公用JS函数库，也称为jQuery框架
3. 2.使用jQuery需要在Head中进行声明
4. 声明格式：
5. 本地jQuery库：
   3.jQuery语法
   jQuery和JS中一样，都是先通过函数选取HTML元素，然后再对元素进行操作
   语法：$(HTML元素).操作“$”用来表明这个是jQuery函数
   “()”内为被选取的HTML元素
   “. ”后边为需要对这个元素执行的操作，可以是一个函数
   4.jQuery选择器是XPath和CSS选择器语法的结合
   ①基于元素类型：$("p")-选取所有p元素②基于ID:$("#name")-选取ID名为name的元素
   ③基于class:$(".name")-选取类名为name的元素5.为了防止文档在完全加载（就绪）之前运行jQuery代码，即在DOM加载完成后才可以对DOM进行操作，在书写jQuery代码时，将jQuery代码放入到$（document).ready(）函数中，可简写为$( )。
   6.jQuery事件：将事件名直接用“.”连接到选择器后边即可