jQuery之jQuery的介绍

1. jQuery的介绍

jQuery 是目前使用最广泛的 javascript 函数库
需要用一个script标签引入JS文件

2. jQuery的入口函数

jQuery的入口函数有三种形式 ：

第一种：
			$(document).ready(function(){
			});
第二种：
			jQuery(document).ready(function(){
			});
第三种：（常用）
			$(function(){
			})

3. jQuery的样式操作

获取样式
$("元素").css("属性"); 
设置样式
$("元素").css("属性","属性值"); 
设置多个样式
$("元素").css({属性_01:"属性值_01",属性_02:"属性值_02"});

4. jQuery 属性操作

1. html()取出或设置html内容 (用于html)
  var $htm = $('#div1').html();
  $('#div1').html('<span>添加文字</span>');
  
2. text()取出或设置 text 内容（用于文本）
  var $htm = $('#div1').text();
  $('#div1').text('<span>添加文字</span>');
  
3. attr()取出或设置某个属性的值（用于图片）
  var $src = $('#img1').attr('src'); 
  $('#img1').attr({ src: "test.jpg", alt: "Test Image" });

5. jQuery 的特效效果

	fadeIn()淡入
	fadeOut() 淡出
 	fadeToggle() 切换淡入淡出
 	hide() 隐藏元素
  	show() 显示元素 
   	toggle() 依次展示或隐藏某个元素 
   	slideDown() 向下展开 
   	slideUp() 向上卷起 
   	slideToggle() 依次展开或卷起某个元素 

6. jQuery 动画
   通过animate方法可以设置元素某属性上的动画

$('div').animate({
执行的属性；
},执行时间(毫秒),function(){})

7. jQuery点击事件

$('#btn').click(function(){});