首页 > 代码库 > jquery和show

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

jquery和show