`
八贤王
  • 浏览: 40116 次
社区版块
存档分类
最新评论

DOM对象转换成jQuery对象转换与子页面获取父页面DOM对象

阅读更多


一:模态窗口
//父页面JS
window.showModalDialog(ifrmehref, window, 'dialogWidth:550px;dialogHeight:150px;help:no;resizable:no;status:no');
//子页面获取父页面DOM对象
//window.showModalDialog的DOM对象
var v=parentWin.document.getElementById(targetTest+'_span'); //DOM对象



二:window.open
//父页面JS
window.open('href',"_blank","height=150, width=560, top=100, left=200,, toolbar=no , menubar=no, scrollbars=yes, resizable=yes, location=no, status=no");
//子页面获取父页面DOM对象
//window.open的DOM对象
var v=window.opener.document.getElementById(targetTest).value=url


三.//DOM对象转换成jQuery对象 var $v=$(v); var $v=$(v); //jQuery对象
//span 标签的empty方法和append方法 DOM对象不支持,需要DOM对象转换成jQuery对象$v.empty();
$v.append("<a href='"+url+"' target='_blank'>"+"下&nbsp;&nbsp;载"+"</a>"+"&nbsp;&nbsp;");
分享到:
评论

相关推荐

    jQuery简介、jQuery使用详解、DOM对象与jQuery对象的转换与区别

    本篇文章将深入探讨jQuery的基本概念、使用方法以及DOM对象与jQuery对象之间的转换与区别。 首先,我们从jQuery的简介开始。jQuery是由John Resig于2006年创建的,其目标是“write less, do more”。jQuery的核心...

    jQuery对象和DOM对象之间相互转换的方法介绍

    要从jQuery对象获取DOM对象,可以使用jQuery对象数组索引的方式,比如`$cr[0]`,就可以得到封装在jQuery对象中的第一个DOM对象。此外,jQuery的`get(index)`方法也可以实现同样的功能,用法为`$cr.get(0)`。得到DOM...

    jquery对象和dom对象

    jQuery提供了`.get()`, `.get(0)`, `[index]`等方式将jQuery对象转换为DOM对象,而通过`$(DOM对象)`则可以将DOM对象转换为jQuery对象。 例如: ```javascript var $element = $('#myElement'); var domElement = $...

    dom对象与jquery对象转换[参考].pdf

    相反,要将jQuery对象转换为DOM对象,通常需要通过索引来访问集合中的特定元素,如`$("#msg")[0]`,这样得到的才是DOM元素,可以使用`innerHTML`等DOM方法。还有其他方式,如`$("#msg").eq(0)[0]`、`$("#msg").get(0...

    javascript 原生Dom对象和jQuery对象的联系和区别

    因此,可以将jQuery对象转换为DOM对象,使用`.get()`或`[index]`方法,如`var domElement = $('div').get(0)`。反之,也可以通过`$(domElement)`将DOM对象转换为jQuery对象。 区别在于,原生DOM对象提供了底层的、...

    jquery dom对象 详细介绍1

    例如,`$(element)[0]`可以将jQuery对象转换为DOM对象,而`$(domElement)`则可以将DOM对象转换为jQuery对象。这种转换使得在jQuery和DOM之间切换变得灵活。 ### 总结 jQuery大大简化了JavaScript的许多任务,特别...

    jquery对象和dom对象.doc

    DOM对象是通过JavaScript原生方法如`getElementById`、`getElementsByTagName`等获取的,它们代表了页面上的实际元素。 而jQuery对象则是通过jQuery库创建的,它封装了多个DOM元素,提供了丰富的API来简化DOM操作。...

    关于dom和jquery对象理解

    ### 关于DOM与jQuery对象的理解 #### DOM简介 在探讨DOM与jQuery之间的关系之前,我们首先需要明确什么是DOM(Document Object Model)。DOM是一种用于表示HTML或XML文档的标准接口,它提供了一种方式来读取、操作...

    jquery对象和javascript对象即DOM对象相互转换

    总的来说,jQuery对象与DOM对象之间的转换是开发中常见的需求。掌握这种转换技巧能帮助你更好地利用这两个世界的优点,提升代码的可读性和效率。在编写jQuery代码时,一定要注意选择合适的方法,避免混淆两者,这样...

    jQuery对象与DOM对象转换方法详解

    本文实例分析了jQuery对象与DOM对象的转换方法。分享给大家供大家参考,具体如下: jQuery对象转换为dom对象 只有jQuery对象才能调用jQuery类库的各种函数,同样有些dom对象的属性和方法在jQuery上也是无法调用的,...

    jQuery对象与DOM对象之间的相互转换

    总的来说,熟练掌握jQuery对象与DOM对象之间的转换,能够使你在处理JavaScript项目时更加得心应手,提高代码的灵活性和可读性。在实际工作中,根据需求灵活选择使用jQuery对象或DOM对象,可以优化代码性能,提高开发...

    jQuery第1天:JQ基本介绍、使用步骤、jQuery对象与DOM对象(重点)、jQuery选择器

    两者之间可以相互转换,如`$(element)`将DOM对象转换为jQuery对象,`element[0]`或`.get(0)`则可将jQuery对象转换回DOM对象。 **jQuery选择器** jQuery选择器类似于CSS选择器,用于选取DOM元素。它们包括: 1. 基本...

    jquery对象与DOM对象转化

    转化DOM对象为jQuery对象非常简单,只需要将DOM对象用`$()`包裹起来即可。这是因为`$()`函数不仅可以用于选择元素,还可以接受一个DOM元素或一组DOM元素作为参数。例如: ```javascript var div = document....

    jQuery对象与DOM对象之间的转换方法

    在前端开发中,经常需要在jQuery对象和DOM对象之间进行转换。这是因为它们各有优势,jQuery对象可以使用jQuery提供的各种便利方法,而DOM对象则可以使用原生JavaScript的所有属性和方法。理解这两种对象的区别及它们...

    对象转换为JSON数据格式&使用JQuery获取数据

    结合这两个知识点,如果你需要从服务器获取JSON数据并在前端展示,可以先使用`$.getJSON()`获取数据,然后将返回的JSON对象转换成JavaScript对象,再利用这些数据更新HTML元素。例如: ```javascript $.getJSON('...

    使用JQuery实现从JSON对象转换为form提交数据

    在前端开发中,有时我们需要将JSON格式的数据转换成表单(form)的格式进行提交,以便于服务器端处理。在JavaScript的世界里,jQuery库提供了一种便捷的方式来进行这样的转换。本篇文章将深入探讨如何利用jQuery从...

    根据DOM将html转为canvas图片格式

    这里我们关注的是如何利用DOM(Document Object Model)和Canvas API将HTML内容转化为Canvas图像,进一步转换为base64编码的图片。这个过程通常涉及到以下几个关键知识点: 1. DOM (Document Object Model): DOM...

Global site tag (gtag.js) - Google Analytics