基于jQuery對(duì)象和DOM對(duì)象和字符串之間的轉(zhuǎn)化實(shí)例
更新時(shí)間：2017年08月08日 08:19:05 投稿：jingxian
下面小編就為大家?guī)?lái)一篇基于jQuery對(duì)象和DOM對(duì)象和字符串之間的轉(zhuǎn)化實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
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京東商城雙11焦點(diǎn)圖多圖廣告特效代碼分享
這篇文章主要介紹了jquery京東商城雙11焦點(diǎn)圖多圖廣告特效，一個(gè)精致的焦點(diǎn)圖會(huì)吸引用戶的注意力，讓用戶產(chǎn)生瀏覽網(wǎng)站的興趣至關(guān)重要，現(xiàn)在小編推薦給大家一款特別棒的焦點(diǎn)圖，感興趣的小伙伴可以參考下。2015-09-09
jQuery基礎(chǔ)_入門(mén)必看知識(shí)點(diǎn)
下面小編就為大家?guī)?lái)一篇jQuery基礎(chǔ)_入門(mén)必看知識(shí)點(diǎn)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
Spring MVC中Ajax實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇Spring MVC中Ajax實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
很多朋友對(duì)jquery select的操作很有興趣，但網(wǎng)上的東西太多，所以腳本之家特別將Jquery Select操作方法整理下，方便大家查找。2010-05-05
當(dāng)我們遇到提交表單時(shí)，需要我們重復(fù)添加好幾個(gè)表單，在訂單表格中添加多個(gè)不同型號(hào)的產(chǎn)品信息。這個(gè)時(shí)候有復(fù)制表單表單按鈕，也就是新增一項(xiàng)，通過(guò)點(diǎn)擊復(fù)制按鈕來(lái)實(shí)現(xiàn)新增一項(xiàng)，怎么實(shí)現(xiàn)的呢？下面小編跟大家分享，需要的朋友的朋友可以參考下2015-09-09
jQuery實(shí)現(xiàn)拖動(dòng)調(diào)整表格單元格大小的代碼實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)拖動(dòng)調(diào)整表格單元格大小的代碼實(shí)例,本文直接給出實(shí)現(xiàn)代碼,需要的朋友可以參考下2015-01-01
淺談DOCTYPE對(duì)$(window).height()取值的影響
下面小編就為大家?guī)?lái)一篇淺談DOCTYPE對(duì)$(window).height()取值的影響。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
這篇文章主要為大家詳細(xì)介紹了jquery橫向縱向鼠標(biāo)滾輪全屏切換效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
jQuery加密密碼到cookie的實(shí)現(xiàn)代碼
本文通過(guò)實(shí)例代碼給大家分享了jquery 加密密碼到cookie的實(shí)現(xiàn)方法，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧2017-04-04
這篇文章主要介紹了jquery圖片切換的方法,實(shí)例分析了jQuery實(shí)現(xiàn)頁(yè)面元素與相應(yīng)樣式切換效果的使用相關(guān)技巧,設(shè)計(jì)jQuery中hide、fadeIn、css、setInterval等方法的使用,需要的朋友可以參考下2015-04-04