CSS中的div和top屬性以及JQuery的使用

在網(wǎng)頁設(shè)計中，div是一個很重要的元素，它可以用來劃分頁面的不同區(qū)域。而top屬性可以用于控制元素距離頂部的距離。JQuery則是目前使用廣泛的JavaScript庫，可以簡化JavaScript的操作。

下面我們來看一下CSS中如何使用div和top。

這個div距離父元素的頂部20px, 左側(cè)20px。
這個div距離父元素的頂部100px, 左側(cè)20px。

在上面的示例中，我們創(chuàng)建了一個父div和兩個子div。通過設(shè)置子div的position為absolute，我們可以使用top屬性來控制它們距離頂部的距離。比如第一個子div的top值為20px，它就會距離頂部20px。

接下來我們來看一下JQuery如何使用。

$(document).ready(function() {
$("#example").css("top", "50px");
});

在上面的示例中，我們使用了JQuery的css()方法來改變某個元素的top值。其中$("#example")指定了要操作的元素（可以是id選擇器、class選擇器或標(biāo)簽選擇器），后面的.css("top", "50px")則表示將其top屬性的值改為50px。

總的來說，div和top是很常用的CSS屬性，而JQuery則可以方便地修改它們的值。