jQuery语法结构以及读取设置CSS属性值，移除CSS样式

$(document).ready(...);

这条jQuery语句主要包含三大部分：$(),document和ready（），这三大部分在jQuery中分别被称为工厂函数，选择器和方法，将其语法化后，结构如下：

$(selector).action();

(1)工厂函数 $()
在jQuery中，美元符号等价于jQuery，即：

$()=jQuery（）

$()符号的作用是将DOM对象转化为jQuery对象，只有将DOM对象转化为jQuery对象转化为jQuery对象后，才能使用jQuery的方法。 $(document).ready(…);中的document是一个DOM对象，当他使用美元符号后，就变成了一个jQuery对象，他能使用jQuery中的ready（）方法，而不能再使用DOM对象的getElementById()方法

注意：当$()的参数是DOM对象时，该对象不需使用双引号包裹起来，比如获取document对象，就写成 $（document）

（2）选择器selector
jQuery支持CSS中几乎所有的选择器，如标签选择器，类选择器，ID选择器和后代选择器等

ID选择器，标签选择器，类选择器的用法如下：

$（"#userName"） //获取DOM中id为userName的元素
$("div") //获取DOM中所有的div元素
$(".textbox" )//获取DOM中class为textbox的元素

（3）方法action()

略

读取设置CSS属性值
返回匹配的元素CSS样式语法如下：

css("属性");

如返回

元素的背景色，$(“p”).css(background-color")

扫描二维码关注公众号，回复： 5103032 查看本文章

为匹配的元素添加CSS样式如下：

css("属性","属性值");//设置CSS样式
$(selector).css({"属性"："属性值","属性":"属性值"})； //设置多个CSS样式

移除CSS样式

removeClass(class);   //移除单个样式
removeClass(class1 class2  class3........);//移除多个样式