在JavaScript函數庫jQuery中，有一個非常實用的方法叫做has()。這個方法可以用來判斷某個元素是否包含另一個元素，并且可以通過傳入選擇器參數來指定要檢查的元素。下面我們將通過一個實例來說

在JavaScript函數庫jQuery中，有一個非常實用的方法叫做has()。這個方法可以用來判斷某個元素是否包含另一個元素，并且可以通過傳入選擇器參數來指定要檢查的元素。下面我們將通過一個實例來說明has()方法的用法。

第一步：創建靜態頁面

首先，在你的HBuilder創建的Web項目中，指定目錄下創建一個名為的靜態頁面。你可以按照下面的代碼來編寫頁面的基本結構：

```html

```

第二步：添加樣式

接下來，我們給頁面添加一些樣式，以便更好地展示效果。你可以按照下面的代碼來定義有序列表的奇數行和偶數行樣式：

```css

/* 添加頁面樣式 */

#list li:nth-child(odd) {

background-color: #f2f2f2;

}

#list li:nth-child(even) {

background-color: #ccc;

}

```

第三步：預覽效果

保存代碼并在瀏覽器中預覽效果。你會發現，列表項并沒有顯示出奇數行和偶數行的樣式。

第四步：修改樣式代碼

回到HBuilder編輯工具，我們需要修改樣式代碼。將冒號(:)換成nth-of-type，以正確地選中奇數行和偶數行。你可以按照下面的代碼進行修改：

```css

/* 修改頁面樣式 */

#list li:nth-of-type(odd) {

background-color: #f2f2f2;

}

#list li:nth-of-type(even) {

background-color: #ccc;

}

```

第五步：再次預覽

保存代碼并再次預覽效果。現在你會看到，奇數行和偶數行之間顯示了交替的顏色樣式。

第六步：使用has()方法判斷元素內是否包含其他元素

現在，我們給第一個li和第四個li添加內標簽label，并使用has()方法來判斷li標簽內是否包含label元素。如果包含，則設置字體顏色。你可以按照下面的代碼來進行操作：

```javascript

// 在main.js文件中添加以下代碼

$(document).ready(function() {

$("#list li").has("label").css("color", "red");

});

```

保存代碼并再次預覽效果。你會發現，第一個li和第四個li的字體顏色被設置為紅色。

通過這個實例，我們學習了如何使用jQuery中的has()方法來判斷元素是否包含其他元素，并且根據判斷結果進行相應的操作。希望這篇文章能對你在編寫網頁時使用jQuery進行元素判斷提供一些幫助。