189 8069 5689
CSS样式修改：
公司主营业务：成都做网站、成都网站制作、移动网站开发等业务。帮助企业客户真正实现互联网宣传，提高企业的竞争能力。创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化，感谢他们对我们的高要求，感谢他们从不同领域给我们带来的挑战，让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联推出舟山免费做网站回馈大家。
jQuery中还有一些方法直接返回或者设置元素的CSS属性。
css()：
读操作: 获取匹配元素集合中第一个元素的指定样式值(一个或多个)。
注:读取多个样式值的操作是在jQuery v1.9才加入的。
写操作: 为匹配元素集合中的每一个元素设置一个或多个CSS属性的值。
传入的参数可以是单个的键值对，也可以是PlainObject指定的多个值，还可以是function.(v1.4).。
jQuery会处理各个浏览器中不太相同的一些具体情况，比如W3C的cssFloat在IE中是styleFloat，在jQuery中，你可以使用float，然后jQuery会帮你把它翻译成每个浏览器中应该有的正确名称。
还有，jQuery会合理解读CSS和DOM格式的多词属性，比如.css(“background-color”)和.css(“backgroundColor”)，它都是可以处理的。
!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
不能写成 backgroundposition，应该是 background-position ,然后值的话你要注意，是两个 水平方向 和 垂直方向，如果您仅定义了一个值，那么第二个值将是"center"。
代码应为： $(this).parent().css("background-position", 0+parseInt($pos) + "px")
还有 $ 符号是定义jquery对象的，变量的话 就没有必要了吧。
常用的方法有两种：
1、用jquery直接加样式在html控件上，但是需要注意点加important的格式，如：
$("p").click(function(){
$(this).css("cssText","color:red!important");
});
2、用jquery改变class，从而达到改变样式的目的，如果可以，就用jquery修改原来的class，如果原有class是必须的或者没有class，就定义一个新的class，在样式表里定义好这个class对应的样式属性，把你想改变的原来的css属性重新赋值且加上important，这样就能覆盖掉原来的加了important样式了。
可以用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