利用jQuery動態構造HTML元素

2021-10-04 22:49:23 字數 1267 閱讀 8493

<

!doctype html>

"en"

>

"utf-8"

>

"viewport" content=

"width=device-width, initial-scale=1.0"

>

document<

/title>

<

!-- 匯入jquery.js --

>

"js/jquery.js"

>

<

/script>

<

/head>

<

!-- 自定義模板 --

>

"template"

>

"headdiv" style=

"width: 100%; height: 20px; background-color: red;"

>

標題一<

/span>

<

/div>

"bodydiv" style=

"width: 100%; height: 20px; background-color:rgb(43, 43, 163);"

>

標題二<

/span>

<

/div>

<

/div>

"box" style=

"width: 100%; height: 20px; background-color:rgb(145, 30, 120);"

>

<

/div>

//1、 轉殖乙個模板

var temp =$(

"#template").

clone()

;//2、取出模板中的id="headdiv"標籤元素的子元素

var headdiv_span = temp.

find

("#headdiv").

find

("span");

//3、設定中的文字內容

headdiv_span.

text

("標題三");

//4、動態的新增中

headdiv_span.

("#box");

<

/script>

<

/body>

<

/html>

利用selenium獲取動態頁面的html資料

selenium呼叫瀏覽器獲取動態html值,再呼叫其api,可以很方面獲取動態資料。經測試,確實簡單易用,至於效率方面就沒細究了。參考 向原作者致敬 前言 我看其他文章中說到設定環境變數path,還提及selenium server和selenium rc,我這篇文章沒那麼複雜,沒有設定path,...

jQuery動態繫結

在實際專案的時候,遇到了乙個問題,就是通過js動態生成的元素,無法觸發js事件。原始的js function 上述型別的js 在處理隨著頁面載入而載入的dom元素是沒有問題的。但是在處理頁面載入完成後,通過動態新增的方式新增上的元素是無效的,需要另外利用jquery繫結。動態新增元素的js func...

jquery學習2 關於jquery構造器

構造器是jquery框架的核心,其有jquery 函式來實現 也可簡寫為 所以一般情況下使用後者 此函式是jquery的核心,jquery的一切操作都會構建在這個函式之上。注意 使用jquery 這種格式的時候,jquery這個單詞要寫對,就q需要大寫,其他要小寫,錯乙個字母都不可以。jquery ...