jQuery是一個廣泛使用的JavaScript庫，它提供了很多便捷的方法來簡化JavaScript編程，尤其是DOM操作。在網頁中，<div>元素是最常見的容器元素之一。下面我們來學習如何使用jQuery將一個<div>元素左對齊。

<div id="myDiv">
This is my div!
</div>

首先，我們需要為我們的<div>元素指定一個CSS屬性，讓它可以左對齊。在CSS中，我們可以使用text-align: left;屬性來實現。下面是我們可能使用的樣式：

#myDiv {
text-align: left;
}

然而，使用jQuery的方式比CSS更加靈活，可以在運行時動態地改變樣式。下面是如何使用jQuery代碼將一個<div>元素左對齊的例子：

$(document).ready(function() {
$("#myDiv").css("text-align", "left");
});

在這個例子中，我們首先使用jQuery的$(document).ready()方法，等待整個文檔加載完畢后再執行后續的代碼。接著，我們使用$("#myDiv")選擇器來找到我們的<div>元素，然后使用.css()方法來設置它的text-align屬性為"left"。這樣，我們就成功地將<div>元素左對齊了。

需要注意的是，CSS樣式的優先級會影響到jQuery代碼的執行結果。比如，如果我們在CSS中已經將<div>元素的text-align屬性設置為"center"，那么即使我們執行了上面的jQuery代碼，<div>元素依然會居中對齊。這時，我們需要在CSS中將text-align屬性設置為"left !important"，以提高它的優先級。

總結一下，我們可以使用CSS或jQuery來將<div>元素左對齊。使用CSS更加簡單，但使用jQuery更加靈活。無論哪種方式，我們都需要了解CSS樣式的優先級，以確保代碼的正確執行。