jQuery 簡介
什麼是 jQuery ?
jQuery = JavaScript + jQuery
#jQuery是一個 JavaScript 函式庫。它透過封裝原生的JavaScript 函數得到一套定義好的方法,
jQuery 大大簡化了 JavaScript 程式設計。看下面的範例
假設頁面中有下面的兩個元素
<input type="text" id="txt" /> <button type="button" onclick="get_text();">Go</button>
點擊Go按鈕後會彈出文字方塊裡使用者輸入的內容,使用原始的JavaScript程式碼可以這麼寫
alert(document.getElementById('txt').value);
而使用jQuery,則可以簡單的寫為
alert($('#txt').val());
可以看到我們使用document.getElementById才能取得到指定id的元素,而使用jQuery,我們只需要使用$('# ')就可以完成這一切
jQuery的主題是:以更少的程式碼,實作更多的功能
jQuery函式庫包含以下功能:
HTML 元素選取
HTML 元素操作
CSS 動作
HTML 事件函數
JavaScript 特效與動畫
###HTML DOM 遍歷與修改################### #AJAX###############提示###: 除此之外,Jquery也提供了大量的外掛。 ###############學習jQuery的條件######################HTML(含css,網頁必備的基礎知識)######JavaScript(即使jQuery比JavaScript 簡單,但jQuery的各種語法來自JavaScript )
PHP(jQuery屬於前端技術,和後端極端相輔相成的,互相呼應的)
#jQuery是否適用於所有瀏覽器?
jQuery 團體知道JS在不同瀏覽器中存在著大量的兼容性問題,目前jQuery兼容於所有主流瀏覽器, 包括Internet Explorer 6!
#讓我們先看個jQuery 實例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js" type="text/javascript"> </script> <script> $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); </script> </head> <body> <p>如果你点我,我就会消失。</p> <p>继续点我!</p> <p>接着点我!</p> </body> </html>
運行程式試試看