jq的css样式,jq添加css样式

javascript/JQ变更CSS样式要怎么弄？我需要点击的时候改变，再次点击又变回原样

$(".more_button").toggle(

  function(){

  $(".more_button").css("background","red");},

  function(){

  $(".more_button").css("background","blue");}

);

jquery怎么添加css样式

可以用jquery中的css()方法；

css()有两个参数。第一个参数是必选参数，一般是指css样式中的属性。第二个参数是可选参数，一般是指css样式中属性的值。当只有第一个参数是，则是指获取该属性的值。如果也有第二个参数，那就是表示改变属性的值。

示例如下：

!doctype html

html

head

meta charset='utf-8' /

title/title

script type="text/javascript" language="javascript" src='jquery.js'/script

script language='javascript'

    $(function(){

        $('#btn1').click(function(){

            //css()为一个参数

            var divWid=$('#div-box').css('width');

            alert(divWid);

        });

        $('#btn2').click(function(){

            //css()为两个参数

            var divWid=$('#div-box').css('background','#00f');

        });

    })

/script

style type="text/css"

    #div-box {width:200px;height:100px;background:#f00;}

/style

/head

 

body

div id="div-box"/div

input type='button' id='btn1' value='提取' /

input type='button' id='btn2' value='改变' /

/body

/html

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