$(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("属性","属性值");//设置CSS样式
$(selector).css({"属性":"属性值","属性":"属性值"}); //设置多个CSS样式
移除CSS样式
removeClass(class); //移除单个样式
removeClass(class1 class2 class3........);//移除多个样式