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

 更新时间:2017年08月08日 08:19:05   投稿:jingxian  
下面小编就为大家带来一篇基于jQuery对象和DOM对象和字符串之间的转化实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

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京东商城双11焦点图多图广告特效代码分享

    jquery京东商城双11焦点图多图广告特效代码分享

    这篇文章主要介绍了jquery京东商城双11焦点图多图广告特效,一个精致的焦点图会吸引用户的注意力,让用户产生浏览网站的兴趣至关重要,现在小编推荐给大家一款特别棒的焦点图,感兴趣的小伙伴可以参考下。
    2015-09-09
  • jQuery基础_入门必看知识点

    jQuery基础_入门必看知识点

    下面小编就为大家带来一篇jQuery基础_入门必看知识点。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • Spring MVC中Ajax实现二级联动的简单实例

    Spring MVC中Ajax实现二级联动的简单实例

    下面小编就为大家带来一篇Spring MVC中Ajax实现二级联动的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • Jquery Select操作方法集合脚本之家特别版

    Jquery Select操作方法集合脚本之家特别版

    很多朋友对jquery select的操作很有兴趣,但网上的东西太多,所以脚本之家特别将Jquery Select操作方法整理下,方便大家查找。
    2010-05-05
  • jQuery复制表单元素附源码分享效果演示

    jQuery复制表单元素附源码分享效果演示

    当我们遇到提交表单时,需要我们重复添加好几个表单,在订单表格中添加多个不同型号的产品信息。这个时候有复制表单表单按钮,也就是新增一项,通过点击复制按钮来实现新增一项,怎么实现的呢?下面小编跟大家分享,需要的朋友的朋友可以参考下
    2015-09-09
  • jQuery实现拖动调整表格单元格大小的代码实例

    jQuery实现拖动调整表格单元格大小的代码实例

    这篇文章主要介绍了jQuery实现拖动调整表格单元格大小的代码实例,本文直接给出实现代码,需要的朋友可以参考下
    2015-01-01
  • 浅谈DOCTYPE对$(window).height()取值的影响

    浅谈DOCTYPE对$(window).height()取值的影响

    下面小编就为大家带来一篇浅谈DOCTYPE对$(window).height()取值的影响。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • jquery横向纵向鼠标滚轮全屏切换

    jquery横向纵向鼠标滚轮全屏切换

    这篇文章主要为大家详细介绍了jquery横向纵向鼠标滚轮全屏切换效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • jQuery加密密码到cookie的实现代码

    jQuery加密密码到cookie的实现代码

    本文通过实例代码给大家分享了jquery 加密密码到cookie的实现方法,非常不错,具有参考借鉴价值,需要的朋友参考下吧
    2017-04-04
  • jquery图片切换实例分析

    jquery图片切换实例分析

    这篇文章主要介绍了jquery图片切换的方法,实例分析了jQuery实现页面元素与相应样式切换效果的使用相关技巧,设计jQuery中hide、fadeIn、css、setInterval等方法的使用,需要的朋友可以参考下
    2015-04-04

最新评论