基于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实现文章图片弹出放大效果
Apr 06 jQuery
JS/jquery实现一个网页内同时调用多个倒计时的方法
Apr 27 jQuery
jQuery输入框密码的显示隐藏【代码分享】
Apr 29 jQuery
Angular2使用jQuery的方法教程
May 28 jQuery
jQuery Validate表单验证插件实现代码
Jun 08 jQuery
jQuery实现菜单栏导航效果
Aug 15 jQuery
关于JS与jQuery中的文档加载问题
Aug 22 jQuery
jQuery实现html双向绑定功能示例
Oct 09 jQuery
jQuery实现获取table中鼠标click点击位置行号与列号的方法
Oct 09 jQuery
jQuery中内容过滤器简单用法示例
Mar 31 jQuery
jQuery实现滑动星星评分效果(每日分享)
Nov 13 jQuery
jQuery zTree如何改变指定节点文本样式
Oct 16 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
tp5 sum某个字段相加得到总数的例子
2019/10/18 PHP
javascript中的数字与字符串相加实例分析
2011/08/14 Javascript
Fastest way to build an HTML string(拼装html字符串的最快方法)
2011/08/20 Javascript
jQuery LigerUI 使用教程表格篇(1)
2012/01/18 Javascript
jQuery之尺寸调整组件的深入解析
2013/06/19 Javascript
jquery遍历checkbox介绍
2014/02/21 Javascript
JS实现霓虹灯文字效果的方法
2015/08/06 Javascript
javascript HTML+CSS实现经典橙色导航菜单
2016/02/16 Javascript
vue 请求后台数据的实例代码
2017/06/22 Javascript
Webpack性能优化 DLL 用法详解
2017/08/10 Javascript
详解Angular系列之变化检测(Change Detection)
2018/02/26 Javascript
详解Vue中watch的高级用法
2018/05/02 Javascript
vue + webpack如何绕过QQ音乐接口对host的验证详解
2018/07/01 Javascript
详解js中let与var声明变量的区别
2020/04/05 Javascript
js设置鼠标悬停改变背景色实现详解
2019/06/26 Javascript
openlayers实现地图弹窗
2020/09/25 Javascript
[01:28:43]2014 DOTA2华西杯精英邀请赛5 24 DK VS CIS
2014/05/25 DOTA
从零学python系列之新版本导入httplib模块报ImportError解决方案
2014/05/23 Python
Python标准库与第三方库详解
2014/07/22 Python
使用Python对Excel进行读写操作
2017/03/30 Python
用virtualenv建立多个Python独立虚拟开发环境
2017/07/06 Python
Python内置函数reversed()用法分析
2018/03/20 Python
python双端队列原理、实现与使用方法分析
2019/11/27 Python
Python3.7黑帽编程之病毒篇(基础篇)
2020/02/04 Python
使用python实现名片管理系统
2020/06/18 Python
Python selenium环境搭建实现过程解析
2020/09/08 Python
python+flask编写一个简单的登录接口
2020/11/13 Python
纯CSS3实现移动端展开和收起效果的示例代码
2020/04/26 HTML / CSS
Canvas 帧动画吃苹果小游戏
2020/08/05 HTML / CSS
彪马加拿大官网:PUMA加拿大
2018/10/04 全球购物
美国家用和厨房电器销售网站:Appliances Connection
2020/01/24 全球购物
会计师事务所审计实习自我鉴定
2013/09/20 职场文书
预备党员表决心书
2014/03/11 职场文书
2014年检察院个人工作总结
2014/12/09 职场文书
优秀教师申报材料
2014/12/16 职场文书
高中班主任心得体会
2016/01/07 职场文书