in Jquery

Jquery和javascript对css的操作中css属性名的区别

如果你使用Jquery,操作CSS很简单,可以使用css(name,value)这个方法,而且name都是原生的CSS属性名,使用起来很方便,配合CSS文档就可以了。

但是如果不是用Jquery的话,改变css的属性的时候就要注意了。因为很多属性(例如:background-image)带有‘-’,而“+”和“-”都是JavaScript语言保留给自己使用的特殊字符,不允许用在函数或变量的名字里,所以在方法或属性里面也不可以这样用(方法和属性其实是关联在某个对象上的函数和变量)。DOM解决这个问题的方法是采用“Camel记号”,也就是骆驼命名法,像background-image这个CSS属性就要写成backgroundImage才可以,否则就要出错。

以下两个代码是等价的,一个使用Jquery,一个没使用Jquery,直接使用js。

$(“#test”).css(‘background-image’,’url(“images/test.jpg”)’);

var d=document.getElementById(“test”);
d.style.backgroundImage=’url(“images/test.jpg”)’;

使用Jquery确实是大大的方便了开发,很多东西变的是这么的自然。