使用$()函数
咱们经常和DOM元素玩？那怎么让从网页上下载下来的HTML代码或者文本内容变得像jQuery那样能用魔法操作？别慌，jQuery有个法宝帮你（$()）。几步搞定，带你帅气地把一串呆板的字符变身为随心所欲操控dom元素的大侠！
这个家伙真乃网页搜索神器！找东西就和在家翻箱倒柜似的，一下子就找到了你要的。而且，还能帮你把这些东西整理成jQuery能用的样子。直接告诉你怎么操作HTML代码变成DOM元素，简单明了！
假设我们有一个包含HTML代码的字符串str：
html var str ="<div>Hello, World!</div>";
首先，将这个字符串变成jQuery对象的$div，用$()方法搞定！然后，随便塞给body标签~
var str = "hello world"; var $div = $(str); // 将字符串转换为jQuery对象 $("body").append($div); // 将$div插入到body标签中
var $div =$(str);
$(“body”).append($div);
这个很简单，就是把”Hello, World!”这几个字转成div放在网页上。但是注意$()里面只能塞进合法的HTML代码，乱来的话可是会出大事哒!
使用parseHTML()函数
别只知道$()函数jQuery里面还有个parseHTML()。它就像个魔术师，能把五花八门的字符串整形成一群排列得整整齐齐的DOM元素，最后还能打造出一个jQuery对象呢。
目睹特殊符号和自闭症标签真是有些让人挺头疼的，所以处理字符串就会变得有点费劲。别害怕只要有了parseHTML()这个神器，啥问题都能轻松解决看个小例子给你展示下咋用哈：
我们就来模拟一下，假设你手头儿有个叫htmlStr的字符串，不过这里面似乎有些奇怪的符号和＜＞标签。
var htmlStr =”
这是个有特别字符&标签的段落。
“;
咱们先把字符串拆分成一个个的DOM元素，再转化为jQuery好操作的形式。
var str = "hello world"; var domArray = $.parseHTML(str); // 将字符串解析为DOM元素数组 var $div = $(domArray[0]); // 将DOM元素转换为jQuery对象 $("body").append($div); // 将$div插入到body标签中
如果你想把那个”htmlStr”改造成 jQuery 数组的话，那就叫 domArray ，简单得很！
那你就把$parsedHeat设为$(domArray)的那个东西呗。
朋友们，有个叫parseHTML()的好方法可以对付那些烦人的符号，比如空格和回车。不想让它只处理这些字符的话，改成Info is True就行！
别磨蹭了！利用jQuery这个牛人，把那些HTML字符串做成DOM数组就行。方法很简单，就是用$.parseHTML(htmlStr, true)这招神奇的法术。
这样就能够保留特殊字符，确保转换后的DOM元素数组完整性。
应用场景举例
要让HTML或文字像jQuery那么顺手，比如用AJAX技术把网页里的动态内容拉进来。而服务器那边，还留个大坑，等着咱们处理丰富多彩的多媒体消息！
var str = "hello world"; var domArray = $.parseHTML(str, true); // 保留特殊字符 var $div = $(domArray[0]); // 将DOM元素转换为jQuery对象 $("body").append($div); // 将$div插入到body标签中
能用好这两个兄弟（$(和parseHTML），咱就成大神！用点儿小技巧，字符串也能变jQuery对象。做网页，简直像玩儿游戏那么轻松，效果漂亮得没话说！
总结与展望
这就来教你怎么用jQuery转换文本~！两种简单的技巧——$（）跟parseHTML()，帮你轻松搞定网页制作！
那得看你自己情况。别忘了用好用的jQuery这个神奇工具，可以帮你轻松搞定DOM元素
评论0