溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下jQuery基礎語法有哪些，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！
jQuery 語法
通過 jQuery，您可以選取（查詢，query） HTML 元素，并對它們執行“操作”（actions）。
jQuery 語法是為 HTML 元素的選取編制的，可以對元素執行某些操作。基礎語法如下：
$(selector).action()
解釋：
美元符號 $ 定義 jQuery
選擇符（selector）“查詢”和“查找” HTML 元素
jQuery 的 action() 執行對元素的操作
示例：
$(this).hide() - 隱藏當前元素
$("p").hide() - 隱藏所有段落
$(".test").hide() - 隱藏所有 class="test" 的所有元素
$("#test").hide() - 隱藏所有 id="test" 的元素
提示：jQuery 使用的語法是 XPath 與 CSS 選擇器語法的組合。
實例：$(this).hide()
<html>
<head>
<script type="text/javascript" src="../jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$(this).hide();
});
});
</script>
</head>
<body>
<button type="button">Click me</button>
</body>
</html>注釋：本實例演示了 jQuery hide() 函數，隱藏當前的 HTML 元素。
實例：$("#test").hide()
<html>
<head>
<script type="text/javascript" src="../jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("#test").hide();
});
});
</script>
</head>
<body>
<h3>This is a heading</h3>
<p>This is a paragraph.</p>
<p id="test">This is another paragraph.</p>
<button type="button">Click me</button>
</body>
</html>注釋：本實例演示了 jQuery hide() 函數，隱藏 id="test" 的元素。
實例：$("p").hide()
<html>
<head>
<script type="text/javascript" src="../jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h3>This is a heading</h3>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>
</body>
</html>注釋：本實例演示了 jQuery hide() 函數，隱藏所有 <p> 元素。
實例：$(".test").hide()
<html>
<head>
<script type="text/javascript" src="../jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$(".test").hide();
});
});
</script>
</head>
<body>
<h3 class="test">This is a heading</h3>
<p class="test">This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>
</body>
</html>注釋：本實例演示了 jQuery hide() 函數，隱藏所有 class="test" 的元素。
文檔就緒函數
您也許已經注意到在我們的實例中的所有 jQuery 函數位于一個 document ready 函數中：
$(document).ready(function(){
// jQuery functions go here
});這是為了防止文檔在完全加載（就緒）之前運行 jQuery 代碼。
如果在文檔沒有完全加載之前就運行函數，jQuery 操作可能失敗。
看完了這篇文章，相信你對“jQuery基礎語法有哪些”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
