基于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 ui sortable拖拽后保存位置
Apr 27 jQuery
jQuery实现多张图片上传预览(不经过后端处理)
Apr 29 jQuery
jquery实现图片放大点击切换
Jun 06 jQuery
jquery select插件异步实时搜索实例代码
Oct 20 jQuery
JQuery实现table中tr上移下移的示例(超简单)
Jan 08 jQuery
jquery.picsign图片标注组件实例详解
Feb 02 jQuery
jQuery实现导航样式布局操作示例【可自定义样式布局】
Jul 24 jQuery
jQuery超简单遮罩层实现方法示例
Sep 06 jQuery
在vue项目中使用Jquery-contextmenu插件的步骤讲解
Jan 27 jQuery
jQuery实现轮播图效果
Nov 26 jQuery
jQuery编写QQ简易聊天框
Aug 27 jQuery
jQuery实现本地存储
Dec 22 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 缓存实现代码及详细注释
2010/05/16 PHP
一个图片地址分解程序(用于PHP小偷程序)
2014/08/23 PHP
PHP间隔一段时间执行代码的方法
2014/12/02 PHP
php实现遍历目录并删除指定文件中指定内容
2015/01/21 PHP
php实现图片上传时添加文字和图片水印技巧
2020/04/18 PHP
浅谈PHP面向对象之访问者模式+组合模式
2017/05/22 PHP
Laravel学习教程之从入口到输出过程详解
2017/08/27 PHP
用JavaScript编写COM组件的步骤
2009/03/17 Javascript
js常用代码段整理
2011/11/30 Javascript
javascript检测浏览器flash版本的实现代码
2011/12/06 Javascript
js弹出框轻量级插件jquery.boxy使用介绍
2013/01/15 Javascript
EasyUI中实现form表单提交的示例分享
2015/03/01 Javascript
JavaScript操作表单实例讲解(上)
2016/06/20 Javascript
浅析Node.js实现HTTP文件下载
2016/08/05 Javascript
javascript中BOM基础知识总结
2017/02/14 Javascript
javascript中json对象json数组json字符串互转及取值方法
2017/04/19 Javascript
js实现图片上传预览原理分析
2017/07/13 Javascript
JS实现仿UC浏览器前进后退效果的实例代码
2017/07/17 Javascript
微信小程序的引导页实现代码
2020/06/24 Javascript
ReactRouter的实现方法
2021/01/25 Javascript
[46:25]DOTA2上海特级锦标赛主赛事日 - 4 败者组第五轮 MVP.Phx VS EG第二局
2016/03/05 DOTA
Python 字符串操作方法大全
2014/03/11 Python
python通过exifread模块获得图片exif信息的方法
2015/03/16 Python
python web框架学习笔记
2016/05/03 Python
numpy基础教程之np.linalg
2019/02/12 Python
基于Python的PIL库学习详解
2019/05/10 Python
Python 使用 PyQt5 开发的关机小工具分享
2020/07/16 Python
python实现简单遗传算法
2020/09/18 Python
德国W家官网,可直邮中国的母婴商城:Windeln.de
2021/03/03 全球购物
文科教师毕业的自我评价
2014/01/16 职场文书
伦敦奥运会的口号
2014/06/21 职场文书
刑事附带民事上诉状
2015/05/23 职场文书
西安事变观后感
2015/06/12 职场文书
怎样写工作总结啊!
2019/06/18 职场文书
MySQL root密码的重置方法
2021/04/21 MySQL
vue动态绑定style样式
2022/04/20 Vue.js