jQuery基本 - 改变CSS样式
发布时间：2018-08-17 16:32:01 所属栏目：业界 来源：站长网
导读：jQuery 提供css()的要领来实现嵌入式改变元素样式，css()要领在行使上具有多样性。个中一种接管两个输入参数：样式属性和样式值，它们之间用逗号分隔。好比我们要改变链接颜色，我们可以行使下面的代码： $(#61dh a).css('color','#123456'); //这里选择器
|
jQuery提供css()的要领来实现嵌入式改变元素样式，css()要领在行使上具有多样性。个中一种接管两个输入参数：样式属性和样式值，它们之间用逗号分隔。好比我们要改变链接颜色，我们可以行使下面的代码： $("#61dh a").css('color','#123456'); //这里选择器‘$("#61dh a")’暗示ID为‘#61dh’的元素下的全部链接。 //.css(‘color’,'#123456');暗示把颜色设为'#123456'假如我们必要改变多个样式属性，我们可以先界说属性变量，然后直接赋值给css()要领。示譬喻下： var divcss = { background: '#EEE', width: '478px', 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") //和第一个例子相似，可是这里我们只转达一个参数(样式属性)最后要先容的是怎样配置鼠标划事后的链接样式(好比: 颜色)。我们无法行使选择器直接选择鼠标划过状态下的链接，也就是说$("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的要领来改变鼠标划过的链接样式。 （编辑：河北网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
