jquery改变html样式表,jQuery CSS()方法改变现有的CSS样式

jQuery入门实例：使用CSS()方法改变现有的CSS样式表，css()方法在使用上具有多样性。其中有一种可接受两个输入参数：样式属性和样式值，两者之间用逗号分隔。比如要改变链接颜色，可以这样编写代码：

$("#61dh a").css('color','#123456');

//选择器‘$("#61dh a")'表示ID为‘#61dh'的元素下的所有链接。

//.css(‘color','#123456');表示把颜色设为'#123456'

如果需要改变多个样式属性，可先定义属性变量，然后直接赋值给css()方法。

var mycss = {

background: '#EEE',

width: '478px',

margin: '10px 0 0',

padding: '5px 10px',

border: '1px solid #CCC'

};

$("#result").css(divcss);

上述代码先定义了一个CSS样式属性变量“mycss”，类似于建立一个外部CSS文件，之后通过css()方法，把属性赋给ID为'#result'的DIV。

另外jQuery提供的css()方法还可以查看某个元素的css属性值。例如查看链接的颜色，代码如下：

$("#61dh a").css("color")

你会发现，这与第一个例子相似，但是这里只传递一个参数(样式属性)。

最后要介绍的是如何设置鼠标划过后的链接样式(比如: 颜色)，需要用到jQuery事件类方法 - hover()。值得注意的是，hover()方法需要定义两个函数，一个是鼠标划过时；另一个是鼠标划过后。具体方法如下：

$("#61dh a").css('color','#123456');

$("#61dh a").hover(function(){

$(this).css('color','#999');

function(){

$(this).css('color','#123456');

});

//hover()方法的两个函数使用用逗号分隔

或许聪明的你已经注意到这种方法称不上简洁，呵呵，其实jQuery hover()方法不是用来改变CSS样式的。在实际运用中，建议使用添加/移出CSS的方法来改变鼠标划过的链接样式。

jquery改变html样式表,jQuery CSS()方法改变现有的CSS样式相关推荐

CSS三种样式表及其使用（内部样式表，行内样式表，外部样式表）
1.内部样式表内部样式表是将CSS代码写在HTML文档的head标签中,并且用style标签定义 <head> <style type="text/css" ...
jq动态修改css样式表,jquery 动态改变css样式
jquery 几乎成了现在开发WEB应用的标准JS库,这与其简单性和易用性是分不开的.作为一个后端开发人员,要做一些前端页面时,CSS 样式的控制是少不了需要掌握的.如果是静态的CSS,当然是可以直接 ...
jQuery：css方法动态更改标签css样式
hello,大家好,我是wanzirui32,今天我们来学习如何使用jQuery的css方法,动态更改标签css样式. 开始学习吧! 学习目录读取标签的css样式设置标签的css样式给标签设置多 ...
动态加载html 添加样式表,使页面动态加载不同CSS样式表，从而实现不同风格模板的方法...
我们在制作网页时,有时会制作多种风格模板,而想把这些模板都用起来,而又不知道方法,通过以下两种方法,你就可以实现相同网站不同CSS模板的方法. ASP.Net中利用CSS实现多界面两种方法. 方法一: ...
Web开发（一）·期末不挂之第四章·CSS语法基础(CSS选择器选择器优先级各类样式表的使用方法)
CSS语法基础一.单纯html控制样式的缺点二. CSS✪✪✪ CSS概述 CSS基础语法组成选择器标签选择器类选择器 id选择器通配选择器后代选择器插入样式表的三种方式行内样式 ...
JQuery Ajax传递整个表单数据方法
jQuery提倡写更少的代码,做更多的事.jQuery的Ajax是我们经常用到的一个方法,当需要传递的数据比较少时我们可以一一的整理成 url字符串然后传递给服务器,接受返回的数据.当数据比较多时, ...
css基本样式表_基本的即用型CSS样式
css基本样式表 View demo 查看演示Download Source 下载源 Today we are going to dig a little bit more into process ...
CSS——（CSS样式规则，CSS样式表单，选择器，常用的CSS属性）
CSS(Cascading Style Sheets,层叠样式表单)是由W3C所提出,主要的用途是控制网页的外观,也就是定义网页的编排,显示,格式化及特殊效果,有部分功能与HTML重叠. 1.CSS样 ...
Qt样式表之二：QSS语法及常用样式
一.简述 Qt样式表(以下统称QSS)的术语和语法规则几乎和CSS相同.如果你熟悉CSS,可以快速浏览以下内容.不熟悉的话可以先去W3School - CSS或者本人的CSS博客随笔简单了解一下. 在 ...

jquery改变html样式表,jQuery CSS()方法改变现有的CSS样式

jquery改变html样式表,jQuery CSS()方法改变现有的CSS样式相关推荐

最新文章

热门文章