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

  • 相关阅读:
    C++模板元编程(二)
    C++模板元编程(一)
    interpret_cast
    Bresenham算法
    Windows中编译Lua源码
    MathJax基础教程与快速参考
    散列表
    Bash脚本实例
    Bash基础
    【iOS】重读《精通Objective-C》(一)
  • 原文地址:https://www.cnblogs.com/zw874827903/p/6754075.html
Copyright © 2020-2023  润新知