jquery获取iframe中的元素,jquery获取iframe中的元素的值

jquery如何在html页面取得iframe的元素

如果这个iframe的页面跟a.html是同域名下的，就可以可以来取：

获取iframe的页面内容：

var $doc = jQuery('iframe').contents();

这里的contents()方法就可以iframe页面内任何对象。

使用选择器获取你想要的对象：

var $send = $doc.find('.send');

链式写法：var $send = jQuery('iframe').contents().find('.send');

$send就是你要的jQuery对象了。

当然，如果iframe的页面跟a.html是不同域的话，受浏览器的安全访问限制，就没有办法获取你要的对象了。

相关问答

Q1: JQuery获取Iframe中的元素

最近在开发时遇到使用了Iframe的情况，在一个父窗口里使用了Iframe，之后又想在父窗口中使用JQuery来获得Iframe里的元素，之前有使用过，久没使用就忘了，今日记录下来。

格式：

事例：

格式：

事例：

格式：

事例：

格式：

事例：

Q2: jquery如何从多个iframe中查找元素？

经测试：

一。找子窗口中的元素，用contents().find()的方法可以实现。

比如：

var w=$("#bb").contents().find("#c").contents().find("#ni").html();

找到当前页面中id为bb的iframe下的id为c的iframe下的id为ni的html()

二。找父窗口中的元素，用：

　var a=$(window.parent.document).find("p");

 找到父元素中的p标签元素

Q3: Jquery如何获取iframe里面body的html呢？

Jquery可以使用“$("iframe body").html()”语句获取iframe里面body的html内容。

jQuery选择器允许对HTML元素组或单个元素进行操作，所有选择器都以美元符号开头：$()。元素选择器基于元素名选取元素，例如：“$("p")”可以获取页面中所有p元素对应的jquery对象。

jQuery对象的html()函数用于获取该对象对应html标签内包含的所有html代码。

扩展资料：

jQuery选择器的分类：

1、元素选择器

jQuery元素选择器基于元素名选取元素，例如：“$("p")”用于选取出所有p标签的jquery对象。

2、id选择器

jQuery #id选择器通过HTML元素的id属性选取指定的元素。页面中元素的id应该是唯一的，所以您要在页面中选取唯一的元素需要通过#id选择器，例如：“$("#test")”于选取出id为“test”的jquery对象。

3、class 选择器

jQuery类选择器可以通过指定的class查找元素，例如：$(".test")用于选取出所有包含“.test”类的jquery对象。

参考资料来源：百度百科-jQuery

Q4: Jquery 获取iframe 中元素并设置CSS问题

1、创建一个名称为css的html文件。

2、在页面中加入一个button按钮，当点击button的时候出发click事件。

3、在加入一个div设置宽和高还有背景色，当button的click事件中用css方法修改该div背景色。

4、文件引入jquery 库。

5、在文档准备方法中加入click点击事件。

6、在click事件中加入css方法设置div的背景色。

7、在浏览器中运行该文件。并点击button设置div的背景色。