使用jQuery的步骤

1.给按钮添加点击事件。

1)、通过两种js方式实现。

//js方式一
		function fa(){
			alert("按钮被点击了");
		}
		// 方式二
		window.onload=function(){
			var da = document.getElementById("da");
			da.onclick = function(){
				alert("按钮被点击了！")
			}
		}

2)、通过jQuery方式实现。

$(function)(){
			// 给按钮添加事件
			$("#da").click(function(){
				alert("按钮被点击了！")
			})
			var da = $("#myDiv");
			console.info(da.html());
		}

2.基本选择器。

1)、id选择器：将div标签里面id为sa的span标签的背景设为黄色。

$("#sa").css({"background":"yellow"});

2)、类选择器：将div标签里面class的值为sb的文本框标签的背景设为黄色。

 $(".sb").css({"background":"yellow"});

3)、标签选择器：将div标签里面button标签的背景设为黄色。

$("input").css({"background":"yellow"});

4)、*选择器：将整个页面所有标签的背景设为绿色。

$("*").css({"background":"green"});

5)、,选择器：将div里面所有input、span标签的背景设为黄色。

 $("input,span").css({"background":"yellow"});

3.层级选择器。

1)、空格选择器：将div标签里面的所有input元素背景设为绿色。

$("div input").css({"background":"green"});

2)、>选择器：将div里面的input子元素背景设为绿色。

 $("div>input").css({"background":"green"});

3)、+选择器：将紧跟在div元素后面的第一个input元素背景设为绿色。

$("div+input").css({"background":"green"});

4)、~选择器：将div元素之后的所有与div元素同辈的input元素背景设为绿色。

 $("div~input").css({"background":"green"});

4.过滤选择器。

1)、:first选择器：将ul里面的第一个li背景设为粉色。

$("ul li:first").css({"background":"pink"})

2)、:last选择器：将ul里面的最后一个li背景设为粉色。

 $("ul li:last").css({"background":"pink"})

3)、:even选择器：将ul里面下标为偶数的li背景设为粉色。

 $("ul li:even").css({"background":"pink"})

4)、:odd选择器：将ul里面下标为奇数的li背景设为粉色。

 $("ul li:odd").css({"background":"pink"})

5)、:lt选择器：将ul里面下标小于3的li元素的背景设为粉色。

$("ul li:lt(3)").css({"background":"pink"})

6)、:gt选择器：将ul里面下标大于3的li元素背景设为粉色。

$("ul li:gt(3)").css({"background":"pink"})
// 下标大于1 小于4
$("ul li:lt(4):gt(1)").css({"background":"pink"})
$("ul li:gt(1):lt(4)").css({"background":"pink"})

7)、:eq选择器：将table表格里面的第二行的背景设为粉色。

 $("#mytable tr").eq(1).css({"background":"pink"})