jq获取css样式,jquery控制css样式

jquery怎么获取一个元素的css

通过查询属性获取：$('element').attr('id')

定义和用法

attr() 方法设置或返回被选元素的属性值。

根据该方法不同的参数，其工作方式也有所差异。

相关问答

Q1: 有关运用JQ为CSS添加样式

JQ为CSS添加样式，可以使用jQuery CSS 操作 的css() 方法

定义和用法

css() 方法返回或设置匹配的元素的一个或多个样式属性。

设置 CSS 属性

设置所有匹配元素的指定 CSS 属性。

    $(selector).css(name,value)

实例

/*将所有段落的颜色设为红色：*/

$("p").css("color","red");

设置多个 CSS 属性/值对

$(selector).css({property:value, property:value, ...})

把“名/值对”对象设置为所有匹配元素的样式属性。

这是一种在所有匹配的元素上设置大量样式属性的最佳方式。

实例

实例

$("p").css({

  "color":"white",

  "background-color":"#98bf21",

  "font-family":"Arial",

  "font-size":"20px",

  "padding":"5px"

  });

也可以通过Jquery 属性操作的removeClass、addClass方法移除元素类名或者添加元素类名的方式达到修改元素样式的效果。详细内容可以百度“jQuery 参考手册 - 属性操作”

Q2: jquery 怎么获取CSS中属性值的数值。

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，输入问题基础代码。

2、在index.html中的script标签中，输入js代码：$('body').append($('body').css('z-index'));。

3、浏览器运行index.html页面，此时成功打印出了z-index的值。

Q3: jquery获取css中:hover的样式 , 只需要获取

!DOCTYPE html

html lang="en"

head

    meta charset="UTF-8"

    titleDocument/title

    link rel="stylesheet" href="jqhover.css"!--这里显示外链式样式--

    !--style这里显示是内嵌式样式，两种方式都可以在下面的jq代码中获取到背景定位的值

        a{ background-position: 0px 0px;}

        a:hover{ background-position: 120px -20px;}

    /style--

    script src="jquery-1.8.0.min.js"/script!--这里引入jq库，你在使用的时候记住修改路径--

    script

    $(function(){

        var bgPosition = $('a');

        bgPosition.hover(function(){

            alert($(this).css('background-position'))

        },function(){

            alert('ok')

        });

    })

    /script

/head

body

    a href="#"1111111111111/a

/body

/html

Q4: 用原生js或者jq如何获得一个元素的所有css样式？这个有办法实现吗

知道clssName切且只有一个情况下：

var a=document.styleSheets[0].cssRules;

       for(var i= 0;ia.length;i++){

           if(a[i].selectorText=='li'){//className为li

               console.log(a[i].style.cssText);

           }

       }

Q5: jquery 获取 父级的同级下面的子标签的css样式

jquery中css() 方法可以设置或返回被选元素的一个或多个样式属性，下面的例子将返回首个匹配元素的 background-color 值：

$("p").css("background-color");

父级的同级元素的子标签的css样式如下：

//eq(0)表示选择匹配到多个元素中的第一个

$("target").parent().siblings().eq(0).children().eq(0)