上一節(jié)介紹了通過JavaScript原生接口創(chuàng)建節(jié)點,在處理上是非常復雜與繁瑣的。我們可以通過使用jQuery來簡化了這個過程
創(chuàng)建元素節(jié)點:
可以有幾種方式,后面會慢慢接觸。常見的就是直接把這個節(jié)點的結(jié)構(gòu)給通過HTML標記字符串描述出來,通過$()函數(shù)處理,$("html結(jié)構(gòu)")
$("<div></div>")
創(chuàng)建為本節(jié)點:
與創(chuàng)建元素節(jié)點類似,可以直接把文本內(nèi)容一并描述
$("<div>我是文本節(jié)點</div>")
創(chuàng)建為屬性節(jié)點:
與創(chuàng)建元素節(jié)點同樣的方式
$("<div id='test' class='aaron'>我是文本節(jié)點</div>")
我們通過jQuery把上一屆的代碼改造一下,如右邊代碼所示
一條一句就搞定了,跟寫HTML結(jié)構(gòu)方式是一樣的
$("<div class='right'><div class='aaron'>動態(tài)創(chuàng)建DIV元素節(jié)點</div></div>")
這就是jQuery創(chuàng)建節(jié)點的方式,讓我們保留HTML的結(jié)構(gòu)書寫方式,非常的簡單、方便和靈活
請驗證,完成請求
由于請求次數(shù)過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報