Jquery中如何獲取元素的文字,值,屬性和內容

2021-09-27 08:20:31 字數 821 閱讀 5698

jquery dom 操作

獲得內容 - text()、html() 以及 val()

三個簡單實用的用於 dom 操作的 jquery 方法:

text()- 設定或返回所選元素的文字內容

html()- 設定或返回所選元素的內容(包括 html 標記)

val()- 設定或返回表單字段的值

下面的例子演示如何通過 jquery text() 和 html() 方法來獲得內容:

例項

$("#btn1").click(function());

$("#btn2").click(function());

$("#btn1").click(function());

獲取屬性 - attr()

jquery attr() 方法用於獲取屬性值。

下面的例子演示如何獲得鏈結中 href 屬性的值:

例項

$("button").click(function());

完整**

這是段落中的粗體文字。

顯示文字

顯示 html

姓名:顯示值

id="w3s">w3school.com.cn

顯示 href 值

jQuery如何獲取子元素

jquery獲取子元素的方式有兩種 find 和children 但二者有差異,下面看看二者的差異 1.children 方法 獲取該元素下的直接子集元素 2.find 方法 獲取該元素下的所有子集元素 list2 list3 3 children 方法獲取最外層ul下面直接子集元素li ul ch...

jQuery如何獲取動態新增的元素

1.使用 on 方法 本質上使用了事件委派,將事件委派在父元素身上 自 jquery 版本 1.7 起,on 方法是 bind live 和 delegate 方法的新的替代品,但是由於on 方法必須有事件,沒有事件時可選擇delegate 下例為選項卡 父元素 main left 子元素 li 父...

jQuery如何獲取動態新增的元素

1.使用 on 方法 本質上使用了事件委派,將事件委派在父元素身上 自 jquery 版本 1.7 起,on 方法是 bind live 和 delegate 方法的新的替代品,但是由於on 方法必須有事件,沒有事件時可選擇delegate 下例為選項卡 父元素 main left 子元素 li 父...