一.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)