jquery介绍

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文件就可以使用

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');

})