jQuery HTML操作學習

2021-10-22 23:31:49 字數 1081 閱讀 4599

[b]jquery html 操作[/b]

jquery 包含很多供改變和操作 html 的強大函式。

[b]改變 html 內容[/b]

語法

$(selector).html(content)html()

函式改變所匹配的 html 元素的內容(innerhtml)。

例項

$("p").html("w3school");

[b]新增 html 內容[/b]

語法函式向所匹配的 html 元素內部追加內容。

語法

$(selector).prepend(content)prepend()

函式向所匹配的 html 元素內部預置(prepend)內容。

例項語法

$(selector).after(content)after()

函式在所有匹配的元素之後插入 html 內容。

語法

$(selector).before(content)before()

函式在所有匹配的元素之前插入 html 內容。

例項

$("p").after(" w3school.");

jquery html 操作 - 來自本頁

$(selector).html(content) 改變被選元素的(內部)html

$(selector).prepend(content) 向被選元素的(內部)html 「預置」(prepend)內容

$(selector).after(content) 在被選元素之後新增 html

$(selector).before(content) 在被選元素之前新增 html

更多html操作參考手冊:jquery 參考手冊 - 文件操作 [url]

jquery HTML控制項的操作

input type radio name existdire get 1 checked true 設定name為existdire的單選按鈕的第二個元素為選中狀態 function get form value 控制表單元素 文字框,文字區域 text id attr value 清空內容 te...

jQuery html 等方法介紹

對於獲取某乙個元素的值,如input框,我們往往是用 test val test 這個我就不多說了,反正就是獲取id為test的這個元素。test val 也就是獲取它的值,一般來說,凡是能夠用在form裡的元素,都可以用.val 來進行值的獲取,如input,textarea,select等,都可...

10款強大的jQuery HTML5應用新鮮出爐

1 css3 jquery自定義彈出視窗 多種彈出動畫 這是一款利用jquery和css3實現的自定義彈出視窗,這可比瀏覽器預設的彈出視窗漂亮多了。彈出視窗中可以自定義html,十分靈活。另外最重要的乙個特點是,它利用了jquery和css3可以實現很多種彈出視窗動畫效果,挺酷的。2 jquery適...