EasyClick Html UI 第十六节 jQuery用法
引入 jQuery
<script src="js/jquery-1.12.4.min.js"></script>
jQuery的入口函数
我们知道使用js获取标签元素,需要页面加载完成以后再获取,我们通过给onload
事件属性设置了一个函数来获取标签元素,而jquery提供了ready
函数来解决这个问题,保证获取标签元素没有问题,它的速度比原生的 window.onload
更快。
入口函数示例:
<script src="js/jquery-1.12.4.min.js"></script>
<script>
window.onload = function(){
var oDiv = document.getElementById('div01');
alert('原生js获取的div:' + oDiv);
};
$(document).ready(function(){
var $div = $('#div01');
alert('jquery获取的div:' + $div);
});
</script>
<div id="div01">这是一个div</div>
入口函数简写示例
<script src="js/jquery-1.12.4.min.js"></script>
<script>
window.onload = function(){
var oDiv = document.getElementById('div01');
alert('原生js获取的div:' + oDiv);
};
/*
$(document).ready(function(){
var $div = $('#div01');
alert('jquery获取的div:' + $div);
});
*/
// 上面ready的写法可以简写成下面的形式:
$(function(){
var $div = $('#div01');
alert('jquery获取的div:' + $div);
});
</script>
<div id="div01">这是一个div</div>
总结
- 引入jQuery
- 获取标签元素需要在入口函数来完成,它的速度比原生的 window.onload 更快
- jQuery入口函数有两种写法:
// 完整写法
$(document).ready(function(){
...
});
// 简化写法
$(function(){
...
});
交流QQ群:620028786,647082990,772810035
————————————————— 版权声明—————————————-————
版权所有~Mr-老鬼 ~转载请注明原文地址
免责声明:本文所有的教程仅限交流学习使用不得用于违法用途,造成的法律后果本人不承担责任。