jquery介紹 jQuery是目前使用最廣泛的javascript函數庫。據統計，全世界排名前100萬的網站，有46%使用jQuery，遠遠超過其他庫。微軟公司甚至把jQuery作為他們的官方庫。 jQuery的版本分為1.x系列和2.x、3.x系列，1.x系列相容低版本的瀏覽器，2.x、3.x系 ...
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載入
將獲取元素的語句寫到頁面頭部，會因為元素還沒有載入而出錯，jquery提供了ready方法解決這個問題，它的速度比原生的 window.onload 更快。
<script type="text/javascript"> $(document).ready(function(){ ...... }); </script>
可以簡寫為：
<script type="text/javascript"> $(function(){ ...... }); </script>
jquery選擇器
jquery用法思想一
選擇某個網頁元素，然後對它進行某種操作
jquery選擇器
jquery選擇器可以快速地選擇元素，選擇規則和css樣式相同，使用length屬性判斷是否選擇成功。
$(document) //選擇整個文檔對象 $('li') //選擇所有的li元素 $('#myId') //選擇id為myId的網頁元素 $('.myClass') // 選擇class為myClass的元素 $('input[name=first]') // 選擇name屬性等於first的input元素 $('#ul1 li span') //選擇id為為ul1元素下的所有li下的span元素
對選擇集進行修飾過濾(類似CSS偽類)
$('#ul1 li:first') //選擇id為ul1元素下的第一個li
$('#ul1 li:odd') //選擇id為ul1元素下的li的奇數行
$('#ul1 li:eq(2)') //選擇id為ul1元素下的第3個li
$('#ul1 li:gt(2)') // 選擇id為ul1元素下的前三個之後的li
$('#myForm :input') // 選擇表單中的input元素
$('div:visible') //選擇可見的div元素
對選擇集進行函數過濾
$('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元素
選擇集轉移
$('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內的class等於myClass的元素
