jQuery 是一套JavaScript庫,它使得在HTML文檔中處理DOM極為簡單。通過它,我們可以使用最少的代碼簡化JavaScript的編寫,同時也能夠通過鏈式編程的方式進行處理操作。
在使用jQuery時,我們常常需要設置 HTML 標簽的屬性。這時候,我們可以使用方法 .attr() 來完成這個操作。方法 .attr() 使用方法如下,如需設置 HTML 標簽的 title 屬性,代碼如下:
$( "div" ).attr( "title", "Hello world!" );
方法 .attr() 還支持第二個參數,用于設置 HTML 屬性的值。當然我們也可以使用函數回調進行設置。如果使用方法 .attr() 修改 img 標簽的 src 屬性,代碼如下:
$( "#img" ).attr( "src", "example.jpg" );
上面代碼中的 "#img" 是 img 標簽的 ID,"example.jpg" 是新的圖片鏈接。
除了 .attr() 方法,jQuery 還支持其他設置 HTML 標簽的屬性的方法。如 .prop() 方法可以用來獲取或設置 HTML 元素的屬性值,如下示例代碼:
$( '#Input' ).prop( 'checked', true );
方法 .prop() 的第一個參數是屬性名稱,第二個參數是要設置的值。在上面的例子當中,我們設置 Input Checkbox 的屬性值為“checked”(即為“true”)。
總之,在使用 jQuery 進行編程時,設置 HTML 標簽屬性是一個非常常見的操作,我們需要掌握一些基本的方法,這樣就可以更加高效地進行HTML的開發工作。