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);

  • 相关阅读:
    AtCoder Beginner Contest 167
    AtCoder Beginner Contest 166
    AtCoder Beginner Contest 165
    AtCoder Beginner Contest 164
    AtCoder Beginner Contest 163
    AtCoder Beginner Contest 162
    AtCoder Beginner Contest 161
    AtCoder Beginner Contest 160
    AtCoder Beginner Contest 159
    自定义Mybatis自动生成代码规则
  • 原文地址:https://www.cnblogs.com/zw874827903/p/6754075.html
Copyright © 2011-2022 走看看