Div 是 HTML 中常用的標簽之一,是用來定義文檔中的區域,可以將頁面分為不同的部分。而 jQuery 是一個流行的 JavaScript 庫,可以幫助我們方便地操作這些區域。
<div id="content">
<p>這是內容區域</p>
<ul>
<li><a href="#">鏈接1</a></li>
<li><a href="#">鏈接2</a></li>
<li><a href="#">鏈接3</a></li>
</ul>
</div>
上述代碼中,我們使用了 div 標簽來定義一個區域,id 為 content。在該區域內包含了一個 p 標簽和一個 ul 列表。在列表中,每個 li 中嵌套了一個 a 標簽,href 屬性設置為 #,表示只是一個占位符鏈接。
通過使用 jQuery,我們可以很方便地操作這些元素。比如,我們可以使用以下代碼來將所有鏈接的 href 屬性修改為新的地址:
$('#content a').attr('href', 'https://www.example.com');
上述代碼中,我們使用了 jQuery 的選擇器來選取所有在 id 為 content 的 div 標簽中的 a 標簽。然后,使用 attr() 函數來將它們的 href 屬性修改為 https://www.example.com。
使用 jQuery 操作鏈接中的 href 屬性,可以很方便地實現頁面跳轉、打開新窗口等功能,非常實用。