jQuery的環境配置
jQuery是一個js庫，方便，簡單，易學。
$元素代表jQuery對象，要使用jQuery，必須先引用，$可以用對象，也可以用函數，即可以帶括號，也可以點出來。
$(document).ready(function (){
$("#btn").html("按鈕").css({
backgroundColor:"red"
}).click(function (){
alert("1");
});
});
window.function (){
var btn=document.getElementById("btn");
console.log(btn);
}
window.onload是在js中的等頁面全部（包括圖片）加載完，$(document).ready(function (){});是在jQuery中文檔結構已經加載完（但是圖片這些不一定加載完畢）。
window.onload $(function (){}) 上述的簡寫方式
在寫jquery代碼的時候要注意元素的初始化問題
jquery不可以直接操作dom方法，反之一樣。但是可以相互轉換。
jQuery選擇器（支持css1~3的大多數）
1.基本選擇器
console.log($('#btn'));//id選擇器
console.log($('.btn1'));//類選擇器
console.log($('button'));//類名稱選擇器
console.log($('*'));//全部選擇器
console.log($(".btn1,#btn,button"));//多選器
2.層次選擇器
console.log($("ul li"));//後代選擇器
console.log($("ul>li"));//子代選擇器
console.log($(".li3+li"));//臨近原則器，即之後相鄰的元素，必須相鄰的元素
console.log($(".li3~li"));//之後選擇器，即之後有就行
3.過濾選擇器
(1)簡單過濾
console.log($("ul>li:first"));//第一個
console.log($("ul>li:last"));//最後一個
console.log($("ul>li:even"));//偶數，以索引開始計數
console.log($("ul>li:odd"));//奇數，以索引開始
console.log($("ul>li:gt(1)"));//大於，索引
console.log($("ul>li:lt(1)"));//小於，索引
console.log($("ul>li:eq(2)"));//等於，索引
console.log($("ul>li:not(.li3)"));//除了被選擇元素
(2)內容過濾
console.log($("li:contains('2')"));//內容包括2
console.log($("div:empty"));//爲空
console.log($("div:parent"));//爲父元素的div
console.log($("div:has('span')"));//含有span元素的div
(3)可見性過濾
console.log($(".btninput:visible"));//選擇可見的
console.log($(".btninput:hidden"));//選擇不可見的元素
(4)屬性選擇器
console.log($("button[id='btn'][class='btn1']"));//id爲btn，class爲btn1的button
(5).子元素過濾選擇器
console.log($("ul>li:nth-child(2)"));//第2個，順序
console.log($("ul>li:first-child"));//第一個
console.log($("ul>li:last-child"));//最後一個
console.log($("div>p:only-child"));//只有一個
(6).表單元素屬性過濾（只給表單元素）
console.log($("input[type='checkbox']:checked"));//已選
console.log($("input[type='radio']:checked"));//已選
console.log($("input:checkbox"));
console.log($("input:radio"));
console.log($(":input"));//包括各種button，input，select等
console.log($("input:text"));