jquery和show

标签：nbsp   加载完成   show   jquer   属性   onload   bsp   准备   显示   

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

jquery和show

标签：nbsp   加载完成   show   jquer   属性   onload   bsp   准备   显示   

原文地址：http://www.cnblogs.com/zw874827903/p/6754075.html