jQuery 獲得內容

2022-06-24 12:00:12 字數 3130 閱讀 9987

doctype html

>

<

html

>

<

head

>

<

meta

charset

="utf-8"

>

script

>

<

script

>

$(document).ready(

function

());

$("#btn2

").click(

function

());

});script

>

head

>

<

body

>

<

p id

="test"

>這是段落中的 <

b>粗體

b> 文字。

p>

<

button

id="btn1"

>顯示文字

button

>

<

button

id="btn2"

>顯示 html

p>名稱: <

input

type

="text"

id="test"

value

="菜鳥教程"

>

p>

<

button

>顯示值

val()也可以獲得文字輸入域<

button

>顯示值

p><a href="" id="runoob">菜鳥教程>

p>

<

button

>顯示 href 屬性的值

prop()函式的結果:

1.如果有相應的屬性,返回指定屬性值。

2.如果沒有相應的屬性,返回值是空字串。

attr()函式的結果:

1.如果有相應的屬性,返回指定屬性值。

2.如果沒有相應的屬性,返回值是 undefined。

對於html元素本身就帶有的固有屬性,在處理時,使用prop方法。

對於html元素我們自己自定義的dom屬性,在處理時,使用 attr 方法。

具有 true 和 false 兩個屬性的屬性,如 checked, selected 或者 disabled 使用prop()

jQuery 獲得內容和屬性

三個簡單實用的用於 dom 操作的 jquery 方法 下面的例子演示如何通過 jquery text 和 html 方法來獲得內容 btn1 click function btn2 click function 1.獲取id test的文字 2.為獲取id test的標記內容,如果中間有htm標記...

jQuery 獲得內容和屬性

jquery 擁有可操作 html 元素和屬性的強大方法。jquery dom 操作 jquery 中非常重要的部分,就是操作 dom 的能力。jquery 提供一系列與 dom 相關的方法,這使訪問和操作元素和屬性變得很容易。獲得內容 text html 以及 val 三個簡單實用的用於 dom ...

jQuery 獲得內容和屬性

獲得內容 text html 以及 val 三個簡單實用的用於 dom 操作的 jquery 方法 text 設定或返回所選元素的文字內容 html 設定或返回所選元素的內容 包括 html 標記 val 設定或返回表單字段的值 btn1 click function btn2 click func...