JavaScript——Dom对象和jQuery

JavaScript是一种直译式脚本语言,一种动态类型、弱类型、基于原型的语言,内置支持类型;广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果;

Dom对象和内置对象
DOM中事件:

onload:页面加载完时触发;
onunload:页面卸载后触发;
onbeforeunload:页面卸载前触发;

alert():向用户弹出一个信息对话框;
confirm():confirm弹出的对话框是一个选择对话框,Cancel和OK两个选项;
prompt():打开对话框的另一种模式,可允许用户输入信息;

getElementById():根据id选择元素;

...DIV元素的内容
var myDiv = document.getElementById("div1");

将相应的id作为参数调用getElementById()方法,就可以访问div元素;


history对象

forwar()和backward()方法:浏览器的前进和后退;
go()方法;
history.go(-3);//回退3个页面;
history.go(2);//前进2个页面;

location对象:
包含当前加载页面的URL信息;href属性可获得当前页面地址;
用法:
window.location.href = “www.newpage.com”;可完成页面的跳转;

添加事件处理器:

 

删除事件处理器:简单赋值给null就行;

document.getElementById("myButton").onclick = null;

jQuery
jQuery中,利用操作符$("")就可以选择HTML元素;
$(“span”);选择全部的span元素;

jQuery对象和Dom对象之间的转化:
Dom对象转化为jQuery对象;
$(Dom对象)就可以实现;
jQuery对象转化为Dom对象;
JavaScript——Dom对象和jQuery_第1张图片

常用方法:

html():获取一个或一组元素中的HTML内容;
text():获取一个元素或一组元素的文本内容;
attr():应用于一个元素时,该方法返回特定属性的值;
应用于一组元素时,它只返回第一个元素的值;

你可能感兴趣的:(javaScript)