基于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实现网页定位导航

    jquery实现网页定位导航

    这篇文章主要为大家详细介绍了jquery实现网页定位导航,具有一定的实用价值和参考价值,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • 用jquery的方法制作一个简单的导航栏

    用jquery的方法制作一个简单的导航栏

    用jquery制作一个简单的导航栏,使用到了addClass及removeClass等方法,需要的朋友可以参考下
    2014-06-06
  • JQUERY实现左侧TIPS滑进滑出效果示例

    JQUERY实现左侧TIPS滑进滑出效果示例

    左侧提示滑进滑出的平滑效果使用jQuery实现,具体代码及截图如下,感兴趣的朋友可以参考下哈,希望对大家学习jquery有所帮助
    2013-06-06
  • jQuery+PHP星级评分实现方法

    jQuery+PHP星级评分实现方法

    很多网站都应用了星级评分效果,让用户可以对正在浏览的文章、电影、资源等进行评分,让网站增添了几分互动效果。本文将讲解如何使用jQuery和PHP来实现星级评分效果。
    2015-10-10
  • jQuery为DOM动态追加事件的方法

    jQuery为DOM动态追加事件的方法

    下面小编就为大家带来一篇jQuery为DOM动态追加事件的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • 基于jQuery实现模拟页面加载进度条

    基于jQuery实现模拟页面加载进度条

    进度条的出现在于无法通过任何方法获取整个页面的大小和当前加载了多少,所以只能用进度条来模拟,接下来为大家介绍下实现方法,感兴趣的朋友可以参考下哈
    2013-04-04
  • jQuery中next方法用法实例

    jQuery中next方法用法实例

    这篇文章主要介绍了jQuery中next方法用法,实例分析了jQuery中next方法的功能、定义及相关使用技巧,需要的朋友可以参考下
    2015-04-04
  • jQuery实现的隔行变色功能【案例】

    jQuery实现的隔行变色功能【案例】

    这篇文章主要介绍了jQuery实现的隔行变色功能,结合具体实例形式分析了jQuery事件响应、元素遍历及属性动态操作相关使用技巧,需要的朋友可以参考下
    2019-02-02
  • jQuery右下角悬浮广告实例

    jQuery右下角悬浮广告实例

    现在很多网站都有悬浮广告,本篇文章主要介绍了jQuery右下角悬浮广告,非常具有实用效果,有需要的朋友可以来参考一下。
    2016-10-10
  • jQuery Form 页面表单提交的小例子

    jQuery Form 页面表单提交的小例子

    这篇文章主要介绍了jQuery Form 页面表单提交的小例子,有需要的朋友可以参考一下
    2013-11-11

最新评论