jQuery基础知识学习

基本描述
jQuery是javaScript一个函数，具有以下功能：

1. html元素获取
2. html元素操作
3. css操作
4. html时间函数
5. javascript特效与动画
6. html dom 遍历与修改
7. ajax 异步操作
8. utilities等

安装jQuery:

• jquery.com下载
• src="jquery-1.10.2.min.js"引入，例如：src=“https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js”

jQuery入口函数

$(document).ready(function(){
	// 执行代码
	//等网页中的DOM结构加载完毕，执行包裹代码
	//执行多次，第N次都不会覆盖上一次
})
$(function(){
	//执行代码
})
window.onload=function(){
	//执行代码
	//等网页全部加载完毕之后再执行包裹的代码
	//执行一次，第二次的会被覆盖
}

元素选择器

$(document).ready(function(){
	$("button").click(function(){
		$("p").hide();
		$("#test").hide();
	});
});

$("*"):选取所有元素
$(this):选取当前的html元素
$("p.intro"):选取class为intro的<p>元素
$("p.first"):选取第一个<p>元素
$("ul li:first"):选取第一个<ul>元素的第一个<li>元素
$("ul li:first-child"):选取每个<ul>元素的第一个<li>元素
$("[href]"):选取带有href属性的元素
$("a[target='_blank']):选取所有target属性扽分与"_blank"的<a>元素
$("tr:even")：选取偶数位置的<tr>

jQuery事件

click	keypress	submit	load
dbclick	keydown	change	resize
mouseenter	keyup	focus	scroll
hover	blur	unload	mouseleave

jQuery效果

$("#div").fadeIn()淡入
$("#div").fadeOut()淡出
$("#div").fadeToggle()淡入淡出之间
$("#div").fadeTo("slow",0.3)效果与时常

// 滑动效果
$("#div").sildeDown()
$("#div").sildeUp()
$("#div").sildeToggle()

//动画效果
$(selector).animate({params},speed,callback);
params参数形成动画的css属性
speed定义效果的时常
callback表示动画过程当中执行的函数
//停止动画
$(selector).stop(stopAll,goToEnd);

//方法链
$("#p1").css("color","red").slideUp(2000).slideDown(2000);

获取内容与属性

$("#test").text(): 文本内容
$("#test").html(): 元素内容
$("#test“).val():返回表单字段的值
$("#test").attr("href"):获取属性值 

添加删除html的内容

append()：结尾添加
prepend(): 开头添加
after(): 之后添加
before(): 之前插入
remove():删除被选元素（及其子元素）
empty():删除被选元素子元素

操作css

addClass(): 向被选择的元素添加一个或者多个类
removeClass(): 删除被选元素一个挥着多个类
tooggleClass:添加与删除之间切换操作
css(): 设置或者返回样式属性
例如：$("p").css({"background-color":"yellow","font-size":"200%"});

尺寸