1. jQuery的引入
<scriptsrc="js/jquery-1.12.4.min.js"></script>
2. jQuery的入口函数
我们知道使用js获取标签元素,需要页面加载完成以后再获取,我们通过给onload事件属性设置了一个函数来获取标签元素,而jquery提供了ready函数来解决这个问题,保证获取标签元素没有问题,它的速度比原生的 window.onload 更快。
入口函数示例代码:
<scriptsrc="js/jquery-1.12.4.min.js"></script><script>window.onload=function(){ varoDiv=document.getElementById('div01'); alert('原生就是获取的div:'+oDiv); }; $(document).ready(function(){ var$div=$('#div01'); alert('jquery获取的div:'+$div); }); </script><divid="div01">这是一个div</div>
入口函数的简写示例代码:
<scriptsrc="js/jquery-1.12.4.min.js"></script><script>window.onload=function(){ varoDiv=document.getElementById('div01'); alert('原生就是获取的div:'+oDiv); }; /*$(document).ready(function(){ var$div=$('#div01'); alert('jquery获取的div:'+$div); }); *///上面ready的写法可以简写成下面的形式:$(function(){ var$div=$('#div01'); alert('jquery获取的div:'+$div); }); </script><divid="div01">这是一个div</div>
3. 小结
- 引入jQuery
- 获取标签元素需要在入口函数来完成,它的速度比原生的 window.onload 更快
- jQuery入口函数有两种写法:
//完整写法$(document).ready(function(){ ... }); //简化写法$(function(){ ... });