jQuery根據ID、CLASS、等獲取物件
阿新 • • 發佈：2019-02-17
Jquery是繼prototype之後又一個優秀的Javascrīpt框架。它是輕量級的js庫(壓縮後只有21k) ，
它相容CSS3，還相容各種瀏覽器 （IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。
jQuery使使用者能更方便地處理HTML documents、events、實現動畫效果，並且方便地為網站提供AJAX互動。
jQuery還有一個比較大的優勢是，它的文件說明很全，而且各種應用也說得很詳細，同時還有許多成熟的外掛可供選擇。
jQuery能夠使使用者的html頁保持程式碼和html內容分離，也就是說，不用再在html裡面插入一堆js來呼叫命令了，只需定義id即可。
jQuery由美國人John Resig建立，至今已吸引了來自世界各地的眾多javascript高手加入其team，
包括來自德國的Jörn Zaefferer，羅馬尼亞的Stefan Petre等等。
jQuery是繼prototype之後又一個優秀的Javascrīpt框架。
其宗旨是——WRITE LESS,DO MORE,寫更少的程式碼,做更多的事情。
例：
<div id="divs" class="clsdiv"></div>
jQuery也可以用$來代替。
根據div的id獲取物件：
1.jQuery("#divs")：id用"#"
2.$("#divs")
根據class獲取物件：
1.jQuery(".clsdiv")：class用"."
2.$(".clsdiv")
<body> <div id="coding"> <p>Coding for fun!!!</p> </div> <div class="hello"> <ul> <li>123</li> <li>adc</li> <li id="abc">efg</li> <li>write</li> <li>read</li> </ul> </div> </body> <script type="text/javascript"> $(function () { $(coding).css("background", "#f00"); // id還可以直接這樣子寫 $(".hello").css("background", "#f00"); $("#abc").css("background", "#00f"); }); </script>