window.onload和$函数的区别,document中getElementById()等函数的用法,DOM对象转换成jQuery对象

一.window.onload和$函数的区别:

1.window.onload是在所有元素(HTML页面和CSS)加载完毕后再加载,$是在HTML(DOM结构)加载完后加载
2.window.onload不能同时编写多个,如果有多个window.onload方法只能执行一个(最后一次赋值会掩盖之前的赋值(只有最后一次赋值有效);
$(document).ready可以同时编写多个,并都能执行

二.document.getElementById()等函数的用法

1.根据id返回对象:document.getElementById()
2.根据class返回对象:document.getElementsByClassName()
3.根据name返回对象:document.getElementsByName()
4.根据 "<" 后的标签类型返回对象(<div></div>中就是div ):document.getElementsByTagName()
5.返回单个元素,css语法,*div #div div:document.querySelector()
6.返回集合:document.querySelectorAll()

三.DOM对象转换成jQuery对象

只需要用$()函数将DOM对象包装起来,就可以获得jQuery对象,其方式为$(DOM对象)

转换后可以任意使用jQuery中的方法

// 将id为txtName的DOM对象引用并赋值给一个变量
var txtName=document.getElementById("txtName")
// 定义一个jQuery变量,并将DOM对象转换为JQuery对象
var $txtName=$(txtName)

上一篇:vue强制刷新后跳转首页


下一篇:uni-app中 控制onLaunch和onLoad的异步请求先后顺序