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>