使用jQuery可以輕松地獲取HTML標簽的屬性值，這對于前端開發來說非常有用。讓我們來看一下如何使用jQuery獲取HTML標簽的屬性值。 首先，我們需要在HTML文件中引入jQuery庫。在HEAD標簽中添加以下代碼即可：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

接下來，我們需要用jQuery選擇器來選中目標標簽并獲取其屬性值。例如，如果我們要獲取一個圖片標簽的src屬性，可以使用以下代碼：

var imgSrc = $('img').attr('src');

上面的代碼使用了attr()方法來獲取圖片標簽的src屬性值。這個方法接受一個字符串參數，表示要獲取的屬性名。 我們還可以使用prop()方法來獲取某些屬性的值。例如，如果我們想獲取復選框標簽的checked屬性值，可以使用以下代碼：

var isChecked = $('input[type="checkbox"]').prop('checked');

上面的代碼使用了prop()方法來獲取復選框標簽的checked屬性值。這個方法的參數也是一個字符串，表示要獲取的屬性名。 此外，我們還可以使用data()方法來獲取HTML標簽的data屬性值。例如，如果我們想獲取一個div標簽的data-id屬性值，可以使用以下代碼：

var dataId = $('div').data('id');

上面的代碼使用了data()方法來獲取div標簽的data-id屬性值。這個方法的參數是不帶"data-"前綴的屬性名。 總的來說，使用jQuery來獲取HTML標簽的屬性值是非常簡單的。我們只需要用選擇器選中目標標簽，然后調用相應的方法即可。