基于jQuery对象和DOM对象和字符串之间的转化实例


Posted in jQuery onAugust 08, 2017

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

$(HTML字符串): $('<div>我是祖国的一朵小花</div>')

待添加列表

2、jQuery对象---------->DOM对象

下标选取法(原理:jQuery是DOM的数组形式):$("h2")[1]

使用.get(index)函数

3、字符串----------->DOM对象

写一个脚本函数

function parseDom(nodelist) { //nodelist是html文本字符串
 var objE = document.createElement("div"); 
 objE.innerHTML = nodelist;
 return objE.childNodes;
}

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

4、DOM对象--------->字符串

使用jQuery中函数.html()

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

以上这篇基于jQuery对象和DOM对象和字符串之间的转化实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

jQuery 相关文章推荐
jquery插件制作 自增长输入框实现代码
Aug 17 jQuery
jQuery插件FusionWidgets实现的AngularGauge图效果示例【附demo源码】
Mar 23 jQuery
基于jQuery实现文字打印动态效果
Apr 21 jQuery
jquery实现下拉菜单的手风琴效果
Jul 23 jQuery
jQuery插件DataTables分页开发心得体会
Aug 22 jQuery
jquery+css实现下拉列表功能
Sep 03 jQuery
jQuery实现倒计时功能 jQuery实现计时器功能
Sep 19 jQuery
集成vue到jquery/bootstrap项目的方法
Feb 10 jQuery
jQuery滚动条美化插件nicescroll简单用法示例
Apr 18 jQuery
jQuery使用$.extend(true,object1, object2);实现深拷贝对象的方法分析
Mar 06 jQuery
JQuery获取元素尺寸、位置及页面滚动事件应用示例
May 14 jQuery
JQuery使用数组遍历跳出each循环
Sep 01 jQuery
jquery+css实现简单的图片轮播效果
Aug 07 #jQuery
使用jQuery实现鼠标点击左右按钮滑动切换
Aug 04 #jQuery
jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例
Aug 04 #jQuery
原生js jquery ajax请求以及jsonp的调用方法
Aug 04 #jQuery
jQuery实现上传图片前预览效果功能
Aug 03 #jQuery
jQuery初级教程之网站品牌列表效果
Aug 02 #jQuery
基于jquery实现多选下拉列表
Aug 02 #jQuery
You might like
PHP操作数组的一些函数整理介绍
2011/07/17 PHP
实例讲解PHP表单处理
2019/02/15 PHP
载入进度条 效果
2006/07/08 Javascript
js对数字的格式化使用说明
2011/01/12 Javascript
firefox下input type=&quot;file&quot;的size是多大
2011/10/24 Javascript
火狐下table中创建form导致两个table之间出现空白
2013/09/02 Javascript
jQuery实现的简单排序功能示例【冒泡排序】
2017/01/13 Javascript
JavaScript实现定时页面跳转功能示例
2017/02/14 Javascript
全选复选框JavaScript编写小结(附代码)
2017/08/16 Javascript
从零开始搭建一个react项目开发
2018/02/09 Javascript
vue router 跳转后回到顶部的实例
2018/08/31 Javascript
解决ie11 SCRIPT5011:不能执行已释放Script的代码问题
2019/05/05 Javascript
解决layui调用自定义方法提示未定义的问题
2019/09/14 Javascript
微信小程序左滑删除实现代码实例
2019/09/16 Javascript
Python实现生成简单的Makefile文件代码示例
2015/03/10 Python
在Django的视图(View)外使用Session的方法
2015/07/23 Python
Python中表达式x += y和x = x+y 的区别详解
2017/06/20 Python
Sanic框架请求与响应实例分析
2018/07/16 Python
Django web框架使用url path name详解
2019/04/29 Python
Python进程间通信Queue消息队列用法分析
2019/05/22 Python
numpy数组广播的机制
2019/07/12 Python
python3使用print打印带颜色的字符串代码实例
2019/08/22 Python
python3.7 openpyxl 删除指定一列或者一行的代码
2019/10/08 Python
Python实现点云投影到平面显示
2020/01/18 Python
python集合能干吗
2020/07/19 Python
利用CSS3的transform做的动态时钟效果
2011/09/21 HTML / CSS
HTML5 实现图片上传预处理功能
2020/02/06 HTML / CSS
洛杉矶时尚女装系列:J.ING US
2019/03/17 全球购物
Eton丹麦官网:精美的男式衬衫
2020/05/27 全球购物
应用化学专业本科生求职信
2013/09/29 职场文书
教学个人的自我评价分享
2014/02/16 职场文书
安全技术说明书
2014/05/09 职场文书
中药学自荐信
2014/06/15 职场文书
大学生实习证明范文(5篇)
2014/09/18 职场文书
2015年信息中心工作总结
2015/05/25 职场文书
2016中秋节晚会开场白
2015/11/26 职场文书