JS和JQuery操作的节点对象的转化和基本使用

JavaScript(BOM+DOM+ECMAScript)

--JavaScript是一种弱类型语言，即在运行时才检查数据类型和语法。
--js也分为基本数据类型和引用数据类型
{
重要的方法：
parseInt（a）；//a转化为整形
parseFloat（b）；//b转化为浮点型
两个调试常用的方法：
console.log();
alert();
关于判断两个变量相当的注意事项：
==：比较时会进行类型的自动转换，会转化为同一类型再比较
===：比较时不进行类型的转换，直接比较
}
页面代码加载顺序：从上到下，包括所有HTML css javascript ----所以使用js时要保证要使用的元素已经加载

使用 window.onload进行页面的加载
调用时进行页面的加载--然后再加载js代码

预加载方式：（原生JavaScript使用window.onload进行预加载）

JS事件：
JavaScript是基于事件驱动的，只有通过事件源（例如按钮）触发事件（例如点击）才调用JS代码
DOM对象：
        获取DOM节点，使用DOM模型接口的方法
var v = document.getElementById();
var v = document.getElementBy***();
精确查找DOM节点
Father节点.firstChild
Father节点.childNotes
操作DOM节点

--增删替换DOM节点

BOM对象：
window：BOM中的顶级对象
screen：存放显示浏览器屏幕信息
navigator：正在使用浏览器的属性
history：保存浏览器历史记录信息
location：存放页面的url路径，用于页面跳转 ----location.href = ""
javascript的内置对象：
String对象：
Array对象：
Date对象：
Math对象：
this的定义和使用：

谁来调用我，我就代表谁

JQuery(封装了原生的JavaScript，简化了获取元素和操作元素方式)

DOM对象和JQuery对象的区别：
DOM对象：DOM-文档对象模型，可以使用原生JavaScript里面的方法。
JQuery对象：JQury对象就是通过JQuery包装DOM对象后产生的对象，不再使用原生JavaScript里面的方法。

在文档载入后加载JQuery代码方式
$(document).ready(function(){
//JQuery代码
});
通常用它的简写形式
$(function(){
//JQuery代码
});

DOM对象和JQuery对象的转换
Dom-->Jquery-------$(dom结点);
Jquery-->Dom-------JQuery对象[0] 或者JQuery对象.get(0);

获取DOM对象数组中某个DOM|获取JQuery对象数组中的某个对象
dom对象数组[index]------index为dom结点在数组中的索引
JQuery对象数组.eq(index)------index为JQuery对象在数组中的索引


DOM对象和JQuery对象操作HTML属性和改变样式
DOM对象：
{
1、获取/设置固有属性：dom对象.属性/dom对象.属性=值
2、获取/设置参数（包括属性）：dom对象.getAttribute("参数名")/dom对象.setAttribute("参数名",“值”);

3、获取和改变样式（其实也是属性，改变行内样式）：
--获取到每个dom结点（对数组来说要遍历）
* 获取：dom对象.style.样式名
* 设置：dom对象.style.样式名=属性值
}
JQuery对象（通过选择器获取到的对象）：
{
1、获取/设置固有属性：JQuery对象.prop("参数名")/JQuery对象.prop("参数名",“值”)
{
提供了更多方法：
获取属性value的值---val();
..查API
}
2、获取参数（包括属性）：JQuery对象.attr("参数名")/JQuery对象.attr("参数名",“值”);

3、获取和改变样式（其实也是属性，改变行内样式）：
* 获取：JQuery对象.css("样式名")
* 设置：JQuery对象.css("样式名","值")
}