jQuery DOM節(jié)點(diǎn)和節(jié)點(diǎn)屬性
通過JavaScript可以很方便的獲取DOM節(jié)點(diǎn)，從而進(jìn)行一系列的DOM操作。但實(shí)際上一般開發(fā)者都習(xí)慣性的先定義好HTML結(jié)構(gòu)，但這樣就非常不靈活了。
試想下這樣的情況：如果我們通過AJAX獲取到數(shù)據(jù)之后然后才能確定結(jié)構(gòu)的話，這種情況就需要動態(tài)的處理節(jié)點(diǎn)了
本文向大家介紹一下如何使用JavaScript創(chuàng)建div節(jié)點(diǎn)元素，主要包括創(chuàng)建div節(jié)點(diǎn)元素的屬性和創(chuàng)建div節(jié)點(diǎn)元素的樣式兩大部分內(nèi)容，相信本文介紹一定會讓你有所收獲。
節(jié)點(diǎn)的創(chuàng)建
????創(chuàng)建流程：??? ????
????????????創(chuàng)建節(jié)點(diǎn)(常見的：元素、屬性和文本)
????????????添加節(jié)點(diǎn)的一些屬性
????????????加入到文檔中
下面我們來看一個(gè)例子
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
<script>
$(function(){
var $li1 = $("<li>php中文網(wǎng)</li>"); //創(chuàng)建第一個(gè)li 標(biāo)簽
var $li2 = $("<li>php.cn</li>"); //創(chuàng)建第二個(gè)li 標(biāo)簽
$("ul").append($li1); //添加到<ul>節(jié)點(diǎn)中，<ul>節(jié)點(diǎn)是<li>的父節(jié)點(diǎn)
})
</script>
</head>
<body>
<ul></ul>
</body>
</html>如上代碼，我們就已經(jīng)創(chuàng)建了倆個(gè)節(jié)點(diǎn)??? 標(biāo)簽中的文字內(nèi)容，我們通常稱為文本節(jié)點(diǎn)
