jquery样式与css样式有什么区别?

html-css012

jquery样式与css样式有什么区别?,第1张

不存是jquery样式这么一说,其实就是通过js来动态设置css,而通常我们说的css样式则是静态的。如果真要说什么区别,那就是css样式是页面一开始就有的,而jquery动态设置的样式则可以在页面运行的时候随时改变。

请按照下面标准执行即可;

1.行内样式>指定样式>通用class样式>通用未指定CLASS样式

2.例子:

1)<div style="...">aaaaaa</a>这就是指定用style的行内样式;

2)<div id="side" >aaaaaa</div>这就是指定id使用side样式;

3)<div class="ot">aaaaaa</div>这就是指了通用的class为ot的样式;

4)如<body><table><tr><th>这些一开始样式文件就定义好全程的样式,为通用为指定的样式;

最高就是指行内样式,接着就是指定ID的,然后就是CLASS,最后就是未指定通用样式;

常用的方法有两种:

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样式了。