让前端飞

深入浅出JQuery对象和DOM对象和字符串之间的转化

2019-01-29  本文已影响2人  a333661d6d6e

jQuery对象和DOM对象和字符串之间的转化

image.png

字符串---------->jQuery对象

(HTML字符串):('<div>欢迎加入全栈开发交流群一起学习交流:864305860</div>')
待添加列表
jQuery对象---------->DOM对象

下标选取法(原理:jQuery是DOM的数组形式):$("h2")[1]
使用.get(index)函数
字符串----------->DOM对象

写一个脚本函数

 function parseDom(nodelist) { //nodelist是html文本字符串
 var objE = document.createElement("div"); 
 objE.innerHTML = nodelist;
 return objE.childNodes;
 }在此我向大家推荐一个前端全栈开发交流圈:619586920  突破技术瓶颈,提升思维能力

先把'字符串'--->jQuery---->DOM对象
DOM对象--------->字符串

使用jQuery中函数.html()

 $(选择器).html();//把你想要转化成字符串的dom对象使用选择器选取出来,然后使用html()函数就完事了

结语

感谢您的观看,如有不足之处,欢迎批评指正。

获取资料

本次给大家推荐一个免费的学习群,里面概括移动应用网站开发,css,html,webpack,vue node angular以及面试资源等。
对web开发技术感兴趣的同学,欢迎加入Q群:619586920,不管你是小白还是大牛我都欢迎,还有大牛整理的一套高效率学习路线和教程与您免费分享,同时每天更新视频资料。
最后,祝大家早日学有所成,拿到满意offer,快速升职加薪,走上人生巅峰。

上一篇下一篇

猜你喜欢

热点阅读