JQuery是一種流行的JavaScript庫,它能夠改變網頁的外觀和行為,使之更加互動和動態。在jQuery中,我們可以通過選擇器來操作網頁中的各個元素。其中,div和img元素是最常用的兩種元素之一。
div元素是一種塊級元素,它可以用來劃分網頁的區域。我們可以使用jQuery來選擇div元素并修改它們的樣式,比如修改它們的背景顏色、寬度和高度等。
//選擇所有div元素并修改它們的背景顏色為紅色 $("div").css("background-color","red"); //選擇id為myDiv的div元素并修改它的寬度和高度 $("#myDiv").css({"width":"500px", "height":"300px"});
img元素是一種嵌入式元素,它可以用來在網頁中顯示圖像。通過使用jQuery,我們可以選擇img元素并給它們添加特定的屬性,比如修改它們的源文件、高度和寬度等。
//選擇所有img元素并修改它們的高度和寬度 $("img").css({"height":"200px", "width":"200px"}); //選擇id為myImg的img元素并修改它的源文件 $("#myImg").attr("src","newImage.jpg");
總之,jQuery是一種非常有用的工具,可以幫助我們操作網頁中的各種元素。通過使用它,我們可以輕松地改變和控制div和img元素的外觀和行為。