小猿圈前端之jQuery語法

如今爲何愈來愈多的人使用jQuery框架？緣由是JQuery很容易上手、能夠利用不多的代碼實現很強大的功能，代碼精簡而高效；能夠解決瀏覽器的兼容問題，還有和ajax的完美結合，致使了更多人使用jQuery框架，下面小猿圈加加說一下JQuery語法。

jquery語法實例：

$(this).hide()

演示 jQuery hide() 函數，隱藏當前的 HTML 元素。

$("#test").hide()

演示 jQuery hide() 函數，隱藏 id="test" 的元素。

$("p").hide()

演示 jQuery hide() 函數，隱藏全部 <p> 元素。

$(".test").hide()

演示 jQuery hide() 函數，隱藏全部 class="test" 的元素。

jQuery 語法

jQuery 語法是爲 HTML 元素的選取編制的，能夠對元素執行某些操做。

基礎語法是：$(selector).action()

美圓符號定義 jQuery

選擇符（selector）「查詢」和「查找」 HTML 元素

jQuery 的 action() 執行對元素的操做

示例

$(this).hide() - 隱藏當前元素

$("p").hide() - 隱藏全部段落

$(".test").hide() - 隱藏全部 class="test" 的全部元素

$("#test").hide() - 隱藏全部 id="test" 的元素

提示：jQuery 使用的語法是 XPath 與 CSS 選擇器語法的組合。

文檔就緒函數

在咱們的實例中的全部 jQuery 函數位於一個 document ready 函數中：

$(document).ready(function(){

--- jQuery functions go here ----

});

這是爲了防止文檔在徹底加載（就緒）以前運行 jQuery 代碼。

若是在文檔沒有徹底加載以前就運行函數，操做可能失敗。

這就是小猿圈加加理解的jquery語法，jquery實現的功能好多，也是前端必備的知識，想要作前端的朋友們，必定要好好學習jquery，小猿圈有不少免費學習的視頻，能夠一塊兒學習，共同進步~