《jquery基础 - 改变css样式》由会员分享，可在线阅读，更多相关《jquery基础 - 改变css样式（2页珍藏版）》请在金锄头文库上搜索。
1、jQuery 提供 css()的方法来实现嵌入式改变元素样式，css()方法在使用上具 有多样性。其中一种接受两个输入参数：样式属性和样式值，它们之间用逗号 分开。比如我们要改变链接颜色，我们可以使用下面的代码：$(“#61dh a“).css(color,#123456);/这里选择器$(“#61dh a“)表示 ID 为#61dh的元素下的所有链接。 /.css(color,#123456);表示把颜色设为#123456如果我们需要改变多个样式属性，我们可以先定义属性变量，然后直接赋值给 css()方法。示例如下：var divcss = background: #EEE,width: 4
2、78px,margin: 10px 0 0,padding: 5px 10px,border: 1px solid #CCC ; $(“#result“).css(divcss);/这里我们先定义了一个 CSS 样式属性变量divcss，这类似于建立一个外 部 CSS 文件。 /然后通过 jQuery 提供的 css()方法，把属性赋给 ID 为#result的 DIV。另外 jQuery 提供的 css()方法还可以用来查看某个元素的 css 属性值。例如， 我们想查看链接的颜色，可以使用下面的代码：$(“#61dh a“).css(“color“)/和第一个例子相似，但是这里我们只传递一个
3、参数(样式属性)最后要介绍的是如何设置鼠标划过后的链接样式(比如: 颜色)。我们无法使用 选择器直接选择鼠标划过状态下的链接，也就是说$(“a:hover“)是不成立的。 因此我们需要用到 jQuery 提供的事件类方法 - hover()。值得注意的是， hover()方法需要定义两个函数，一个是鼠标划过时；另一个是鼠标划过后。具 体方法如下：$(“#61dh a“).css(color,#123456);$(“#61dh a“).hover(function()$(this).css(color,#999);,function()$(this).css(color,#123456););/hover()方法的两个函数使用用逗号分隔你或许注意到这种方法一点都不简洁(违背了 jQuery 的宗旨)，其实 jQuery 提供的 hover()方法不是用来改变 CSS 样式的。在实际运用中，建议使用如何 添加/移除 CSS 类一文提到的方法来改变鼠标划过的链接样式。演示演示+代码代码
