麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

jquery 動態創建元素的方式介紹及應用

2019-11-20 22:47:42
字體:
來源:轉載
供稿:網友
一般動態創建元素可以通過兩種方式
1、Dom HTml
復制代碼 代碼如下:

var select = document.createElement("select");
select.options[0] = new Option("加載項1", "value1");
select.options[1] = new Option("加載項2", "value2");
select.size = "2";
testDiv.appendChild(select);
});

通過document的createElement方法創建,然后通過appendChild方法添加到指定的對象中即可

2、JQuery函數創建
$("<div style=/"border:solid 1px #FF0000/">動態創建的div</div>")
通過append,appendto,prepend,prependto等方法添加到指定的對象中,具體可以查看 
//www.companysz.com/article/35845.htm

3、頁面加載的時候最好在頁面加載完后執行創建
可以使用window.onload,但是在添加新的元素, 但是不幸的是瀏覽器執行window.onload函數不僅僅是在構建完DOM樹之后, 也是在所有圖像和其他外部資源完整的加載并且在瀏覽器窗口顯示完畢之后. 所以如果某個圖片或者其他資源加載很長時間, 訪問者就會看到一個不完整的頁面, 甚至在圖片加載之前就執行了需要依賴動態添加的元素的腳本而導致腳本錯誤.

解決辦法就是等DOM被解析后, 在圖像和外部資源加載之前執行我們的函數.在jQuery中讓這一實現變得可行
復制代碼 代碼如下:

$(document).ready(
function() { testDiv.innerHTML = "<div style=/"border:solid 1px #FF0000/">使用動態創建的$(document).ready(function)方法</div>"; }
);

或者使用簡便語法:
復制代碼 代碼如下:

//jQuery 使用$(function)方法
$(
function() { testDiv.innerHTML += "<div style=/"border:solid 1px #FF0000/">使用$(function)方法</div>"; }
);

使用$()將我們的函數包裝起來即可. 而且可以在一個頁面綁定多個函數, 如果使用傳統的window.onload則只能調用一個函數.

所以請大家將修改DOM的函數使用此方法調用. 另外還要注意document.createElement和innerHTML的區別. 如果可以請盡量使用document.createElement和$("<div/>")的形式創建對象.
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 中文字幕综合 | 黄视频在线网站 | 黄色毛片视频在线观看 | 日日草天天干 | 欧美日韩精品中文字幕 | 久久久久久91 | 伊人网站| 性猛aa久久久 | 97精品视频在线观看 | 青青国产在线视频 | 羞羞电影网 | 国产在线1区 | 免费观看一级黄色片 | 久久久中| 欧美日韩一区,二区,三区,久久精品 | 欧美日韩网站在线观看 | 日日噜噜噜噜久久久精品毛片 | 在线成人一区二区 | 欧美精品一二三区 | 国产精品av久久久久久无 | 国语自产免费精品视频在 | 日韩精品中文字幕一区二区三区 | 久久精品久久久久 | 一级做人爱c黑人影片 | 涩涩激情网| 国产成人精品区 | 毛片在线视频观看 | 伦一区二区三区中文字幕v亚洲 | 在线播放亚洲视频 | 九艹在线 | 女女久久 | 综合精品久久 | 末成年女av片一区二区 | 国产成人精品自拍视频 | 九九精品在线观看视频 | 一级电影在线观看 | 暖暖免费观看高清完整版电影 | 国产精品高潮视频 | 黄色二区三区 | 久久国产一级 | 亚洲最新无码中文字幕久久 |