jquery介绍
jQuery是目前使用最广泛的javascript函数库
据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库
微软公司甚至把jQuery作为他们的官方库
jQuery的版本分为1.x系列和2.x、3.x系列
1.x系列兼容低版本的浏览器
2.x、3.x系列放弃支持低版本浏览器
目前使用最多的是1.x系列的
jquery是一个函数库,一个js文件,页面用script标签引入这个js文件就可以使用
<script type="text/javascript" src="js/jquery-1.12.2.js"></script>
jquery的口号和愿望 Write Less, Do More(写得少,做得多)
1、http://jquery.com/官方网站
2、https://code.jquery.com/版本下载
jquery加载
将获取元素的语句写到页面头部,会因为元素还没有加载而出错
jquery提供了ready方法解决这个问题,它的速度比原生的 window.onload 更快
//JS写法
window.onload = function(){
var oDiv = document.getElementById('div');
alert(oDiv.innerHTML);//这是一个div元素
}
//jQuery的完整写法
//比上面JS写法先弹出,因为window.onload是把页面元素加载、渲染完才弹出,而ready()是把所有页面的节点加载完之后就弹出了,不用等渲染了
/*$(document).ready(function(){
var $div = $('#div');
alert('jQuery:' + $div.html());//jQuery:这是一个div元素
})*/
//简写方式
$(function(){
var $div = $('#div');//CSS样式怎么写,这里就怎么写
//html()方法相当于原生JS的innerHTML
alert($div.html() + 'jQuery');
})