怎樣使用jquery獲得HMTL標籤的值或元素的內容

2019-12-12 11:57:57

前端頁面的製作離不開jquery的使用，jquery簡單易用，很多時候用簡潔的程式碼就能獲得想要的元素的內容。下面介紹怎樣使用jquery獲得HMTL標籤的值或元素的內容。

通過在HTML標籤上新增id屬性的方法獲得物件。下面是一些常見的標籤，新增了id屬性，jquery可以通過「#+id名稱」的方式獲得標籤物件。

通過在HTML標籤上新增class屬性的方法獲得物件，屬性的名稱可以自定義，下面是一些常見的標籤新增了class屬性，jquery可以通過「.+class名稱」來獲得物件。

通過HTML標籤的name屬性獲得物件。每一個標籤都可以新增一個name屬性，jquery可以通過name屬性來獲得物件。

使用val() 方法。val()方法在jquery中是最常用的方法，一般通過「物件.val()」的形式來獲得物件的值，下面例子就是獲得input的value值。

使用text()方法。text()方法是獲得物件的文字內容，即是html標籤包含的文字內容，例如下面的程式碼，通過text()方法獲得p標籤的文字內容，即獲得「這是p標籤裡面的內容.」。

使用html()方法。html()方法返回物件的內容，內容可以包括html標籤。下面的程式碼，通過html()獲得p標籤的內容，即獲得「這是p標籤<span>裡面的內容</span>.」。

使用attr()方法。attr()方法返回被選元素的屬性值，只要是標籤的屬性，都可以通過attr()方法獲得。下面的程式碼實現了獲得圖片標籤的高度。