1尿贫、document.querySlector() 選擇單個，
2、document.querySlectorAll() 選擇多個，
jQuery是目前使用最廣泛的javascript函數(shù)庫潭辈。
jQuery的版本分為1.x系列和2.x、3.x系列澈吨，1.x系列兼容低版本的瀏覽器
2.x把敢、3.x系列放棄支持低版本瀏覽器，目前使用最多的是1.x系列的谅辣。
jquery是一個函數(shù)庫修赞，一個js文件，頁面用script標簽引入這個js文件就可以使用桑阶。
引入一個外部js 代碼 《script type="text/javascript" src="js/jquery-1.12.2.js">
jquery的口號和愿望 Write Less, Do More（寫得少柏副，做得多）
jquery選擇器
(document) //選擇整個文檔對象
('li') //選擇所有的li元素
('#myId') //選擇id為myId的網(wǎng)頁元素
('.myClass') // 選擇class為myClass的元素
('input[name=first]') // 選擇name屬性等于first的input元素
('#ul1 li span') //選擇id為為ul1元素下的所有l(wèi)i下的span元素
對選擇集進行修飾過濾(類似CSS偽類)
('#ul1 li:first') //選擇id為ul1元素下的第一個li
('#ul1 li:odd') //選擇id為ul1元素下的li的奇數(shù)行
('#ul1 li:eq(2)') //選擇id為ul1元素下的第3個li
('#ul1 li:gt(2)') // 選擇id為ul1元素下的前三個之后的li
('#myForm :input') // 選擇表單中的input元素
('div:visible') //選擇可見的div元素
對選擇集進行函數(shù)過濾
('div').has('p'); // 選擇包含p元素的div元素
('div').not('.myClass'); //選擇class不等于myClass的div元素
('div').filter('.myClass'); //選擇class等于myClass的div元素
('div').first(); //選擇第1個div元素
('div').eq(5); //選擇第6個div元素
選擇集轉(zhuǎn)移
('div').prev('p'); //選擇div元素前面的第一個p元素
('div').next('p'); //選擇div元素后面的第一個p元素
('div').closest('form'); //選擇離div最近的那個form父元素
('div').parent(); //選擇div的父元素
('div').children(); //選擇div的所有子元素
('div').siblings(); //選擇div的同級元素
('div').find('.myClass'); //選擇div內(nèi)的class等于myClass的元素
jquery樣式操作
("#div1").addClass("divClass2") //為id為div1的對象追加樣式divClass2
("#div1").removeClass("divClass") //移除id為div1的對象的class名為divClass的樣式
("#div1").removeClass("divClass divClass2") //移除多個樣式
("#div1").toggleClass("anotherClass") //重復切換anotherClass樣式
