jQuery是JS的一个库,封装了一些常用的功能,方便调用,提高效率。
原生JS的入口函数为window.onload=function(){},作用是等页面上的所有内容加载完毕才执行函数。
jQuery的入口函数写法:
//1.文档加载完毕,图片不加载的时候就会执行$(doument).ready(function(){console.log(233);});//2.文档加载完毕,图片不加载的时候会执行$(function(){console.log(233);});//3.文档加载完毕,图片加载完毕的时候执行$(window).ready(function(){console.log(233);});jQuery的入口函数和原生的区别:
jQuery中使用的两个变量$和jQuery,两者等价,都相当于一个函数。
$(document).ready(function(){});//调用入口函数$(function(){});//调用入口函数$('#ethalu');//获取id为ethanlu的元素$('div');//获取所有的div标签假设当前DOM树如下
varbox=document.getElementById('box');//通过id获取单个元素varboxArr=document.getElementsByClassName('box');//通过class获取数组vardivArr=document.getElementsByTagName('div');//通过标签获取数组jQuery获取元素结点数组
varbox1=$("#box");//通过id获取varbox2=$(".box");//通过class获取varbox3=$("div");//通过标签获取