Jquery(一)介绍及语法

@JQuery(一)

JQuery的用处

1. 访问和操作DOM元素
2. 控制页面样式
3. 对页面事件进行处理
4. 扩展新的JQuery插件
5. 重要: 与Ajax完美结合

JQuery官网:http://jquery.com

使用JQuery做到隔行变色

第一步,使用JQuery的配置文件,正确配置路径:

<script src="js/jquery-1.8.0.min.js"></script>

第二步实现代码如下:

<script > $(function(){ $("tr:even").css("background-color","gold"); }); </script>

这里是调用Jquery中的封装的方法,获取tr标签隔行,使用css设置样式,将颜色改为金色.

语法

$(function(){ $(需要操作的DOM元素).JQuery方法();

addClass()添加样式 css("":"","":"")设置样式,多个css可以使用’逗号’割开 show()显示hide()隐藏元素

鼠标移入行级变色移出还原

$(function() {
	$("tr").mouseover(function() {
	$(this).css("background", "orange");
	}).mouseout(function() {
	$(this).css("background", "");
	})
	});

$符号就等同于JQUERY