基于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 相关文章推荐
vue-cli webpack 引入jquery的方法
Jan 10 jQuery
jQuery动态添加li标签并添加属性和绑定事件方法
Feb 24 jQuery
jQuery实现DIV响应鼠标滑过由下向上展开效果示例【测试可用】
Apr 26 jQuery
jQuery实现获取form表单内容及绑定数据到form表单操作分析
Jul 03 jQuery
jQuery实现鼠标移到某个对象时弹出显示层功能
Aug 23 jQuery
jQuery 操作 HTML 元素和属性的方法
Nov 12 jQuery
jQuery实现经典的网页3D轮播图封装功能【附源码下载】
Feb 15 jQuery
基于jquery ajax的多文件上传进度条过程解析
Sep 11 jQuery
高效jQuery选择器的5个技巧实例分析
Nov 26 jQuery
jQuery使用ajax传递json对象到服务端及contentType的用法示例
Mar 12 jQuery
jQuery实现增删改查
Dec 22 jQuery
jQuery class属性操作addClass()与removeClass()、hasClass()、toggleClass()
Mar 31 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
JavaScript创建命名空间的5种写法
2014/06/24 PHP
php递归遍历多维数组的方法
2015/04/18 PHP
XHProf报告字段含义的解析
2016/05/17 PHP
PHP的mysqli_ssl_set()函数讲解
2019/01/23 PHP
基于JQuery实现CheckBox全选全不选
2011/06/27 Javascript
Javascript面向对象编程(三) 非构造函数的继承
2011/08/28 Javascript
jQuery 文本框得失焦点的简单实例
2014/02/19 Javascript
jquery的总体架构分析及实现示例详解
2014/11/08 Javascript
Javascript 拖拽雏形(逐行分析代码,让你轻松了拖拽的原理)
2015/01/23 Javascript
jQuery鼠标事件汇总
2015/08/30 Javascript
Javascript闭包与函数柯里化浅析
2016/06/22 Javascript
JS及PHP代码编写八大排序算法
2016/07/12 Javascript
总结Node.js中的一些错误类型
2016/08/15 Javascript
解决微信内置浏览器返回上一页强制刷新问题方法
2017/02/05 Javascript
jQuery EasyUI之验证框validatebox实例详解
2017/04/10 jQuery
原生javascript实现分页效果
2017/04/21 Javascript
Angularjs Promise实例详解
2018/03/15 Javascript
vue 弹框产生的滚动穿透问题的解决
2018/09/21 Javascript
vue自定义指令directive的使用方法
2019/04/07 Javascript
[14:50]2018DOTA2亚洲邀请赛开幕式
2018/04/03 DOTA
python logging类库使用例子
2014/11/22 Python
Python Property属性的2种用法
2015/06/21 Python
分享一个简单的python读写文件脚本
2017/11/25 Python
Python 格式化输出_String Formatting_控制小数点位数的实例详解
2020/02/04 Python
python爬虫数据保存到mongoDB的实例方法
2020/07/28 Python
Django数据统计功能count()的使用
2020/11/30 Python
Python 实现PS滤镜的旋涡特效
2020/12/03 Python
Python爬虫模拟登陆哔哩哔哩(bilibili)并突破点选验证码功能
2020/12/21 Python
推荐一些比较有用的css3新属性
2014/11/11 HTML / CSS
雅诗兰黛澳大利亚官网:Estée Lauder澳大利亚
2019/05/31 全球购物
活动志愿者自荐信
2014/01/27 职场文书
2014年学生会工作总结
2014/11/07 职场文书
会计求职自荐信
2015/03/26 职场文书
员工开除通知书
2015/04/25 职场文书
话题作文之生命的旋律
2019/12/17 职场文书
Python必备技巧之函数的使用详解
2022/04/04 Python