分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

jQuery

发布时间:2023-09-06 01:50责任编辑:林大明关键词:jQuery

效果:

  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

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved