码迷,mamicode.com
首页 > Web开发 > 详细

jQuery

时间:2018-04-24 17:48:57      阅读:206      评论:0      收藏:0      [点我收藏+]

标签:his   toggle   cti   隐藏   png   script   UNC   parent   hover   

效果:

  hide()  隐藏

  show()  显示

  fadeIn()  淡入

  fadeOut()  淡出

  slideUp()  向上收

  slideDown()  向下展

事件:

  bind("事件类型1 事件类型2",fn)  绑定一个或多个事件

  on("事件类型1 事件类型2",fn)  绑定一个或多个事件

  click(fn)  点击

  mouseover(fn)  鼠标经过

  mouseout(fn)  鼠标离开

  hover(fn, fn)  鼠标经过离开切换

  toggle(fn, fn)  点击切换

语法:

  <script>

    $("谁").干什么;

  </script>

  <script>

    $(function(){

      $(".aBtn").click(function(){

        $(".box").hide(1000);

      });

    });

  </script>

  index方法:index()可以由代码帮你找当前对象的顺序号

    var n=$("div").index($(this));

  $("div a").eq(0).hide();  eq()---指定第几个

    children("")  子级

    parent("")  父级

    siblings("")  同辈

    next("")  下一个

    prev("")  上一个

控制标签值、修饰、属性

  var value=$("").val();

  $("div a,div p").css("color","red");

  $("#img01").attr("src","./images/01.png");

  $("#checked").prop("checked",true);

jQuery

标签:his   toggle   cti   隐藏   png   script   UNC   parent   hover   

原文地址:https://www.cnblogs.com/zhouwanqiu/p/8931146.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!