JQuery学习笔记2

常用的jQuery事件方法

(1)$(document).ready()
( d o c u m e n t ) . r e a d y ( ) 允 许 我 们 在 文 档 完 全 加 载 后 完 成 执 行 函 数 等 价 于 (document).ready()允许我们在文档完全加载后完成执行函数等价于 (document).ready()允许我们在文档完全加载后完成执行函数等价于(function () {})
(2)click()
click()方法当按钮点击事件被触发的时候会调用一个函数，该函数在用户点击HTML元素的时候执行。
(3)blur()
失去焦点时触发，一般input输入框，当光标离开(失去焦点)就会触发。
(4)hover
鼠标悬停在元素上面触发。

显示与隐藏
hide（）隐藏，将高度，宽度，透明度变成0
show（）显示，将高度，宽度，透明度变成初始值
toggle（） 开关 同时有隐藏和显示两种功能

<script type="text/javascript">
			$('#hide').click(function() {
				$('.p1').hide();
			})
			$('#show').click(function() {
				$('.p1').show();
			})
			$('#toggle').click(function() {
				$('.p1').toggle('fast');//快 fast 慢 slow
			})
		</script>

淡入（fadeIn）和淡出（fadeOut）

<script type="text/javascript">
			$('#fadeOut').click(function() {
				$('p').fadeOut();
			})
			$('#fadeIn').click(function() {
				$('p').fadeIn();
			})
			$('#toggle').click(function() {
				$('p').fadeToggle('fast');
			})
			$('#fadeTo').click(function() {
				$('p').fadeTo(1000,0.2);
			})
		</script>

上滑(slideUp)和下拉(slideDown)


<script type="text/javascript">
			$('#slideUp').click(function() {
				$('#div1').slideUp(2000);
			})
			$('#slideDown').click(function() {
				$('#div1').slideDown(2000);
			})
			$('#slideToggle').click(function() {
				$('#div1').slideToggle();
			})
		</script>

捕获与设置
js获取文本内容：innerTex、,innerHTML、textContent

<script type="text/javascript">
		alert($('#p1').html());
		//$('#p1').html('<div style = "color:blue">我是新的div</div>');
		var content = "<div style = 'color:blue'>我是新的div</div>";
		$('#p1').html(content);
	</script>

动画
animate()有三个参数，第一个参数就是你要改变的样式，第二个参数就是显示的速度(‘fast’,’slow’,毫秒数),第三个是回调函数

```html

			$('#div1').stop(false);//true停止当前以及后续动画 false只停止当前
		})