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的背景色。

可以改为 css("background-image")，这样的话在FireFox、Chrome都通用

补充说明：FireFox中赋值的时候是可以用background的，但读取的时候不行，必须具体到里面的每个项目。

jquery获取style的属性值有两种方法

第一种是getElementById() 方法。它可以返回对拥有指定 ID 的第一个对象的引用。在 *** 作文档的一个特定的元素时，最好给该元素一个 id 属性，为它指定一个（在文档中）唯一的名称，然后就可以用该 ID 查找想要的元素。

第二种是getElementsByName() 方法，它可以返回带有指定名称的对象的集合。该方法与getElementById() 方法相似，但是它查询元素的 name 属性，而不是 id 属性。另外，因为一个文档中的 name 属性可能不唯一（如 HTML 表单中的单选按钮通常具有相同的 name 属性），所有 getElementsByName() 方法返回的是元素的数组，而不是一个元素。

<style>

    red{

        background-color: red;

    }

</style>

<div id="demo">

<a href="javascript:void(0)">萝卜</a>

<a href="javascript:void(0)">青椒</a>

<a href="javascript:void(0)">白菜</a>

<a href="javascript:void(0)">土豆</a>

</div>$(function(){

    //绑定单击事件

    //将事件绑定在DIV上,是利用事件的冒泡原理, 这样使用,

    //使代码结构看起来更整洁,更容易搜索到单击事件发生的位置

    //推荐在开发插件,或者其它比较复杂的功能时候,将事件绑定到父级容器

    //这样即使此例中的A标签是后来通过 JAVASCRIPT脚本添加进来的,

    //同样能够正确地处理

    $('#demo')click(function(event){

        var $target = $(eventtarget);

        //判断如果点击的A标签,则执行以下代码

        if(/^a$/itest(eventtargettagName)){

            $targetaddClass('red')

                siblings('a')removeClass('red');

            alert('你点击了我:'+$targettext());

        }

    });

});

以上就是关于Jquery 获取iframe 中元素并设置CSS问题全部的内容，包括:Jquery 获取iframe 中元素并设置CSS问题、firefox浏览器中jquery怎么获取到css（“background”）的值、jquery怎么获取style里面的属性值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！