jQuery常用元素选择器与jQuery事件

1、jQuery方法对HTML 元素组或单个元素进行选取操作。

		// ---------------元素选择器------------------------------------
		$(document).ready(function () {
			$("button").click(function () {
				$("p").hide();   //选择所有P标签
			})
		})
		//id选择器
		$(document).ready(function () {
			$(0 = "button").click(function () {
				$('#cps').hide() //选择id为cps的标签
			})
		})
		//class选择器
		$(document).ready(function () {
			$('button').click(function () {
				$('.lon').hide() //选择类名为lon的元素
			})
		})
		$('div.first') //选择第一个p元素
		$('ul li:first-child') //选择每一个ul的第一个li 元素
		$('ul:first')//选择第一个ul元素
		$('[src]')//选择所有带有src属性的元素
		$(":button")	//选取所有 type = "button" 的 < input > 元素 和 < button > 元素	
		$("tr:even")	//选取偶数位置的 < tr > 元素
		$("tr:odd")	//选取奇数位置的 < tr > 元素
		

2、jQuery常用的事件调用方法

//-------------------------------事件------------------------------
		//点击事件
		$('div').click(function () {
			$(this).hide();
		})
		//双击事件
		$("p").dblclick(function () {
			$(this).hide();
		});
		//鼠标滑过事件
		$('#dd').mouseenter(function () { });

		//鼠标离开
		$('#dd').mouseleave(function () { });

		//鼠标按下
		$('#dd').mousedown(function () { });

		//鼠标抬起
		$('#dd').mouseup(function () { })

		//鼠标悬停
		$('#dd').hover(function () { })

		//获取焦点
		$('input').focus(function () { })

		//失去焦点
		$('input').blur(function () { })