Jquery如何获取iframe里面body的html呢?

html-css014

Jquery如何获取iframe里面body的html呢?,第1张

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

jquary的一个调用形式是采用 $,就像javascript中的 dos一样。

例如:$("div").html("设置div元素中的值")..

$("#divtest").html("设置ID为divtest元素中的值")

$(".divtest").html("设置class为divtest元素中的值")

除以上之外,还有选择器,这里只说一种 $("li:last").css("background-color", "red")//选中 li列表中的最后一个,还可以 :first 表示第一个,等等。

当然还有很多其他的函数,例如.val()获取值,remove(),删除等等

如果获取html本身,而不是获取html元素,那么应该是属于ajax中的内容。可直接使用load()等函数

jquery提供了三个获得内容的方法: text()、html() 以及 val(),其中前两个可用于解决本问题:

$("label#userid").text()   // 首选,获取label的文本

$("label#userid").html()   // 也可以实现,获取label标签内的所有html标记,一般情况改下label标签内就是文本,所以等效上面的方法

下面给出实例演示:分别使用以上两种方法获取label标签的内容,注意最终结果的区别

创建Html元素

<div class="box">

<span>点击按钮获取label中内容:</span><br>

<div class="content">

<label id="userid">输入用户名</label><input type="text">

</div>

<input type="button" value="获取label中的内容">

</div>

设置css样式

div.box{width:300pxpadding:20pxmargin:20pxborder:4px dashed #ccc}

div.box span{color:#999font-style:italic}

div.content{width:250pxmargin:10px 0padding:20pxborder:2px solid #ff6666}

h3{display:inline-block}

input[type='button']{height:30pxmargin:10pxpadding:5px 10px}

编写jquery代码

$(function(){

$("input:button.btn1").click(function() {

alert($("label#userid").text())

})

$("input:button.btn2").click(function() {

alert($("label#userid").html())

})

})

观察效果

使用text()方法获取标签内的内容

使用html()方法会获取到标签内的元素(包含Html标记)