zoukankan      html  css  js  c++  java
  • jquery和show

     JQuery语法

       1、jQuery("选择器").action();通过选择器调用实践函数,但是jquery中,jque可以用$(“选择器”).action();
         ① 选择器,可以直接使用css选择器,选中元素
         ② .action表示对元素执行的操作
      2、文档准备就绪:防止文档再完全加载(就绪)之前运行jquery代码
         $(document).ready(function(){//jquery代码});
          或者简写方式$(function(){});
     【文档就绪函数和window.onload的区别】
        (1)windo.onload须在网页所有内容加载完成后执行,包括图片音频;而文档就绪函数,只需要在网页DOM结构加载后便执行
        (2)windo.onload只能写一个,写多个只会执行最后一个;文档就绪函数,可以写多个也不会覆盖
     3、jQuery对象与原生DOM对象互转
       ① 原生DOM对象转jQuery对象:$(DOM对象);
        var p = document.getElementsByTagName("p");
        $(p);//转换为jquery对象
      ② jQuery对象转原生DOM对象:$("#p").get(0) $("#p")[0]
        $("#p").get(0).style.color="red";

    show()
             ①不传参:让隐藏的元素直接显示,不进行动画
             ②传入时间:毫秒

            .show()动画执行效果,修改元素的宽度,高度,opcity属性

            .hide():让显示效果隐藏,与show相反

            .slidedown():让隐藏元素显示,从上往下
            .slideup():让隐藏元素显示,从下往上
            .slideToggle():让显示隐藏,隐藏的显示
            .fadeIn():让隐藏的淡出
           .fadeOut()
            .fadeToggle():让显示的隐藏,隐藏的显示,淡入淡出
           .fadeToggle(时间,透明度,函数):多了透明度,可以指定透明度
           .animate(最终的样式属性键对值)


           列子  $("p").show(5000,function(){
                              alert(1)
                    });

                   $("p").slideDown(5000,function(){
                          alert(1)
                   });

                  $("p").fadeIn(5000);

  • 相关阅读:
    前端导出excel文件
    promise和async/await的用法
    vue element 导出 分页数据的excel表格
    mac net.core 安装问题总结
    npm报MSBUILD错误的解决办法
    现大前端开发环境配置
    git 常用命令
    NodeJs (一)
    VUE 组件通信、传值
    vue-cli 第一章
  • 原文地址:https://www.cnblogs.com/zw874827903/p/6754075.html
Copyright © 2011-2022 走看看