jquery 学习

<script type="text/javascript" src="js/jquery-1.11.3.js"></script>  //引入

$(document).ready()的作用类似于 传统JavaScript中的window.onload方法，即页面加载完成后再执行

区别：

　1.　window.onload必须等到页面内包括图片等所有元素加载完毕后才能执行。
        $(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。 

　2.　window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个
        $(document).ready()可以同时编写多个，并且都可以得到执行

　3.   window.onload没有简化写法 

         $(document).ready(function(){})可以简写成$(function(){});

一、设置样式

　　　js :  var d=document.getElementById("div");

　　　　　 d.style.color="red";

　　　jq:

　　　　$(".div").css("color","red");  //设置单个样式

　　　　$("p").css({"font-size":"14px","background-color":"#ccc"}); // 设置多个样式，花括号，冒号，逗号

二、获取、设置innerHTML

　　js :  var d=document.getElementById("div");

　　　　 d.innerHTML="hello";

　　jq:

　　　　var ht=$("#div").html();   //获取

　　　　$("#div").html(“hello”);   //设置