Jquery 基础

Jquery 由JS封装的一些方法，供我们调用，可以快速的实现某些JS功能

Jquery就是一个js编写的方法包

Jquery 一般有  1点几 版本  和2点几的版本

  每个版本有两种：一种是压缩版 （带min）和未压缩版的（能看调用的方法）

  使用的时候没区别  就是容量大小不一样  压缩版的容量小，加载快

动画

show()  显示  

hide()  隐藏

例如：$("#btn").click(function(){

if($("#div1").css("display")=="none")

$("#div1").show();

else

$("#div1").hide();

})

slideDown()  动画下拉显示

slideUp()     动画上啦隐藏

fadeIn()    淡入显示

fadeOut()   淡出隐藏

animate({left:"300px",top:"300px"},3000,function(){回调函数})

停止动画，防止动画积累： .stop(true)

例如：在0.5秒内 向左移动 400px  并且颜色变为  红色

 $("#btn").click(function(){

              $("#div1").animate({left:"400px"},500,function(){

                          $(this).css("background-color","red");

               })

});

选择器

基本选择器

ID选择器          $("#选择器")     带有#号

相当于  document.getElementById("选择器")

例如：<div id="aaa"></div>

<script type="text/javascript">

$("#aaa")

//相当于  document.getElementById("aaa")

</script>

Class选择器    $(" . 选择器 ")     含有点

标签选择器     $("标签名")

并列选择器  $("选择器1  ，选择器2  ")   用逗号隔开

后代选择器  $("选择器1    选择器2")        用空格隔开

过滤器

基本过滤

首个    :first      例如：  $(" .div1:first")

尾个    :last

等于/人一个  :eq(索引号)   例如:取div  class="div1" 的第2个          $(" .div1:eq(1)")  或者  $(" .div1").eq(1)

大于   :gt(索引号)   

小于    :lt(索引号)

排除   :not("选择器")          例如：除了class="div1"  的第3个   其他点击事件       $(".div1:not('.div:eq(2)')").click(function(){   });

奇数   :odd

偶数    :even

属性过滤：     $(".class名[属性名]")

属性名值过滤  $(" .class名[属性名=值]")   

                   $(".class名[属性名!=值]")

内容过滤      文字   :contains("字符串")  

                 元素   :has("选择器")