Question

JS语句中怎么会有CSS

<script>
if($.browser.msie) { $( function() {if($.browser.version=='7.0'){$("#centertab").css("margin-top","8");$("#centertab2").css("margin-top","8");$("#indexleftpic").css("margin-top","8");}; } ); }
</script>

上面的CSS是其中的一个DIV的定义用的，但是在CSS文件找不到这些CSS。但是网页的看到这个JS语句调用CSS代码。觉得很奇怪。请问哪位高手解答下。
万分感谢

Answer 1

这个不是非常可能..这个本身就是jquery的语句...
$.browser是jquery的一个内置的工具吧..因为我平时也很少用这个语句..它是为了检测你的浏览器是哪种浏览器的..jquery将它门分为4种..分别是IE FF和SAFARI...一组..还有OPERA..另外的就是其他浏览器...这个工具其实很少用到.因为jquery它本身就对浏览器有很好的兼容性..基本上你写出来的jquery代码哪到任何一个浏览器上都能用...但是也有极少的情况会出现浏览器的不兼容..比如..给现有的一组select插入元素...因为我们知道..往select里面插入元素很好插入.只需要利用DOM....但是..如果是已经排好序的select..1,2,3,4,5,要插入2.5..每个浏览器对这个处理都不一样...所以browser就可以检测出..是哪种浏览器然后相应的做出判断...但是具体的插入还需要你自己来写.因为jquery没有针对这一个问题专门的设了一种插入的方法...

//CSS

...在jquery里实现页面元素加上CSS有两种方式..一种就是addclass()为元素加上CLASS...然后在style里自己可以指定元素的样式..另一种就是CSS...这个用法是跟你在style里的写法是一样的...我这边说的一样指的是CSS的属性一样..比如:
font-size:12px;你可以这样写..但是也可以写成这样fontSize.这个叫驼峰写法..不仅在jquery里...JS也是一样的...比如.
elem.style.font-size和elem.style.fontSize是一样的意思..
//抱歉..js里好象不可以用-这个方式写..只能出现驼峰式的..

jquery里的.CSS方法有点特别...如果你是指定一个CSS属性的话..可以这样写
$('#elem').css('font-size','12px');左边是样式属性..右边是值.中间,隔开..
但是对于多的CSS呢???你可以一个个的写.css..但是这样很麻烦..体现不出jquery的宗旨"更少代码做更多事"..
jquery里这样写$('#elem').css({'margin':'12px','font-size':'12px'})
这样就指定了elem ID的元素2个CSS属性.margin和font-size...这个属于对象字面量的写法..如果你学过json的话.或者有过JS的对象写法就应该很清楚这种写法了...

当然..如果你想指定一个CSS属性.同样可以写成那样..以键:值的方式来写..多个键值间用,隔开..

$('#elem').css('margin','12px')=====$('#elem').css({'margin':'12px'})

Answer 2

在jQuery中可以使用css()方法为页面添加样式

你上面这句话的意思是，如果是IE7浏览器则为id为#centertab，，#centertab2，#indexleftpic的元素添加8个像素的上间距

给个实例

html代码：

<div id="test">test</div>

如果想要上面的div宽度为200，高度为200，背景为#fc0，边框为1像素黑色，那jquery代码可以这样写

$(function(){
$("#test").css({"width":"100",
"height":"100",
"background":"#fc0",
"border":"1 solid #000})
})

在jquery中所有width,height,padding,margin的值可以不写单位，都会转换为px

Answer 3

这个非常可能是jquery框架， jquery框架的特点用css的方式访问DOM

举个例子:

$("#centertab2") 这个得到id为#centertab2的数组....

Answer 4

朋友,你这段js是通过控制#centertab这个id来实现特效的,你的html文件中肯定会有<div id="centertab">之类的代码,而你的js控制的就是这个id里面的内容,进行margin-top","8"之类的样式变化,css文件里面并不一定要找到这个id,也许你这个id本来就是用来配合js调用实现特效来用的!