基于jQuery對(duì)象和DOM對(duì)象和字符串之間的轉(zhuǎn)化實(shí)例
1、字符串---------->jQuery對(duì)象
$(HTML字符串): $('<div>我是祖國(guó)的一朵小花</div>')
待添加列表
2、jQuery對(duì)象---------->DOM對(duì)象
下標(biāo)選取法(原理:jQuery是DOM的數(shù)組形式):$("h2")[1]
使用.get(index)函數(shù)
3、字符串----------->DOM對(duì)象
寫(xiě)一個(gè)腳本函數(shù)
function parseDom(nodelist) { //nodelist是html文本字符串 var objE = document.createElement("div"); objE.innerHTML = nodelist; return objE.childNodes; }
先把'字符串'--->jQuery---->DOM對(duì)象
4、DOM對(duì)象--------->字符串
使用jQuery中函數(shù).html()
$(選擇器).html();//把你想要轉(zhuǎn)化成字符串的dom對(duì)象使用選擇器選取出來(lái),然后使用html()函數(shù)就完事了
以上這篇基于jQuery對(duì)象和DOM對(duì)象和字符串之間的轉(zhuǎn)化實(shí)例就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
jquery插件pagination實(shí)現(xiàn)無(wú)刷新ajax分頁(yè)
這篇文章主要介紹了jquery插件pagination實(shí)現(xiàn)無(wú)刷新ajax分頁(yè)的相關(guān)資料,需要的朋友可以參考下2015-09-09基于MVC5和Bootstrap的jQuery TreeView樹(shù)形控件(一)之?dāng)?shù)據(jù)支持json字符串、list集合
這篇文章主要介紹了基于MVC5和Bootstrap的jQuery TreeView樹(shù)形控件(一)之?dāng)?shù)據(jù)支持json字符串、list集合的相關(guān)者,小編推薦使用返回list集合的方法,具體原因大家可以根據(jù)本文學(xué)習(xí)下2016-08-08基于jquery編寫(xiě)的橫向自適應(yīng)幻燈片切換特效的實(shí)例代碼
全屏自適應(yīng)jquery焦點(diǎn)圖切換特效,在IE6這個(gè)瀏覽器兼容性問(wèn)題上得到了和諧,兼容IE6,適用瀏覽器:IE6、IE7、IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.相關(guān)代碼2013-08-08jQuery左側(cè)大圖右側(cè)小圖焦點(diǎn)圖幻燈切換代碼分享
這篇文章主要介紹了jQuery左側(cè)大圖右側(cè)小圖焦點(diǎn)圖幻燈切換特效,帶有縮略圖的焦點(diǎn)圖切換代碼,簡(jiǎn)單、時(shí)尚、大方,有需要的小伙伴可以參考下。2015-08-08jQuery zTree 異步加載添加子節(jié)點(diǎn)重復(fù)問(wèn)題
zTree 是一個(gè)依靠 jQuery 實(shí)現(xiàn)的多功能 “樹(shù)插件”。下面通過(guò)本文給大家分享jQuery zTree 異步加載添加子節(jié)點(diǎn)重復(fù)問(wèn)題,需要的朋友參考下吧2017-11-11基于jQuery和hwSlider實(shí)現(xiàn)內(nèi)容左右滑動(dòng)切換效果附源碼下載(一)
本文結(jié)合實(shí)例給大家介紹如何實(shí)現(xiàn)內(nèi)容滑動(dòng)切換的效果,包括左右箭頭切換,無(wú)限無(wú)縫滾動(dòng),圓點(diǎn)按鈕切換,動(dòng)畫(huà)效果,自動(dòng)切換效果,效果非常不錯(cuò),感興趣的朋友前來(lái)參考實(shí)現(xiàn)代碼2016-06-06jQuery插件實(shí)現(xiàn)的日歷功能示例【附源碼下載】
這篇文章主要介紹了jQuery插件實(shí)現(xiàn)的日歷功能,結(jié)合完整實(shí)例形式分析了jQuery datepicker插件實(shí)現(xiàn)日歷功能的相關(guān)操作技巧,需要的朋友可以參考下2018-09-09Jquery鼠標(biāo)放上去顯示全名的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇Jquery鼠標(biāo)放上去顯示全名的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02jquery實(shí)現(xiàn)具有嵌套功能的選項(xiàng)卡
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)具有嵌套功能的選項(xiàng)卡的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-02-02tuzhu_req.js 實(shí)現(xiàn)仿百度圖片首頁(yè)效果
這篇文章主要介紹了tuzhu_req.js 實(shí)現(xiàn)仿百度圖片首頁(yè)效果的相關(guān)資料,需要的朋友可以參考下2015-08-08