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("选择器")

原文地址:https://www.cnblogs.com/zhangwei99com/p/6944371.html