当前位置: 首页>前端>正文

jquery中的数据格式 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进行预加载)

jquery中的数据格式 jquery数据类型转换,jquery中的数据格式 jquery数据类型转换_dom对象,第1张

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

--增删替换DOM节点

jquery中的数据格式 jquery数据类型转换,jquery中的数据格式 jquery数据类型转换_加载_02,第2张

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("样式名","值")

}


https://www.xamrdz.com/web/2sp1922118.html

相关文章: