天天看点

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")

css("属性","属性值");//设置CSS样式
$(selector).css({"属性":"属性值","属性":"属性值"}); //设置多个CSS样式      
removeClass(class);   //移除单个样式
removeClass(class1 class2  class3........);//移除多个样式