jQuery是一個JavaScript框架,它讓JavaScript更加容易使用和操作HTML文檔、處理事件、制作動畫效果和發送Ajax請求。下面我們來介紹一下jQuery的基本語法。
$(document).ready(function(){ // jQuery代碼將在文檔加載完成后執行 });
上述代碼意為,當文檔加載完成后執行一個函數。在這個函數里,你可以使用jQuery選擇你想要操作的元素:
$("p").hide(); // 隱藏所有的“p”元素 $("#myId").hide(); // 隱藏ID為“myId”的元素 $(".myClass").hide(); // 隱藏所有class為“myClass”的元素
使用jQuery操作元素的方法之一是設置或獲取元素的屬性:
$("img").attr("src"); // 獲取所有img元素的“src”屬性值 $("img").attr("src", "newsrc.jpg"); // 設置所有img元素的“src”屬性為“newsrc.jpg”
假如你想改變一個元素的樣式,可以使用CSS方法:
$("p").css("color", "red"); // 讓所有“p”元素的文字變成紅色
除此之外,jQuery還提供了很多有用的方法來方便地操作HTML和文檔。了解jQuery的語法和方法,將為你開發更好的網站帶來更多的樂趣。
上一篇jquery 跑馬燈
下一篇jquery 獲取父級