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

  • 相关阅读:
    岁月静好
    一代才女林徽因 人生若只如初见
    HTML5手机网站开发页面宽度解决方案
    上帝是公平的
    我一直在坚持,你呢?
    让生命更美丽!
    网页跳转,可以任意规定延迟显示的时间
    !important的用法
    小站初建
    GTD之图表
  • 原文地址:https://www.cnblogs.com/zhangwei99com/p/6944371.html
Copyright © 2020-2023  润新知