zoukankan      html  css  js  c++  java
  • Jquery 每天记一点2009630

    2009-6-30

    1. <div id="aa"></div>

    $("#aa").show(),$("#aa").hide()显示隐藏

    2. $.ajaxTimeout(time) 设置请求结束时间
       $.ajaxTimeout( 5000 )
    3.

    $.ajax({url: "ajax.htm",
              success:function(msg){
                             $(div"#a").html(msg);
                    }
        });将ajax.htm返回的内容作为id为a的div内容 $.ajax({ url: "ajax.aspx",
                  type:"get",          
                 dataType:"html",
                 data: "name=John&location=Boston",
                 success:function(msg){
                                     $("#a").html(msg);
                                  }
             });
    用get方式向ajax.aspx页面传参数,并将返回内容负给id为a的对象。

    4.append(html)在匹配元素内部,且末尾插入指定html <a href="#" id="test" onClick="jq()">jQuery</a>
    jQuery代码及功能: function jq(){
        $("#test").append("<b>Hello</b>"); 
    }

    5.

    wrap(elem) 将匹配对象包含在给出的对象内 <p>Test Paragraph.</p><div id="content"></div>
    <a href="#" onClick="jq()">jQuery</a>
    jQuery代码及功能: function jq(){ 
          $("p").wrap( document.getElementById('content') );
    }
    执行后相当于 <div id="content"><p>Test Paragraph.</p></div>

    6.   

         //给id为btnHidden的按钮的click绑定一个函数,这个函数的作用是将id为myMessage的元素隐藏
             $("#btnHidden").bind("click", function(event) { $("#myMessage").hide(500); });
             //给id为btnShow的按钮的click绑定一个函数,这个函数的作用是将id为myMessage的元素显示
             $("#btnShow").bind("click", function(event) { $("#myMessage").show(500); });

  • 相关阅读:
    JS实现图片预加载无需等待
    对网页渲染的初步认识
    没人告诉你关于z-index的一些事
    使用CSS3的appearance属性改变元素的外观
    js+css立体旋转
    css3立体旋转动画
    炫酷的jquery瀑布流
    基于jquery的图片懒加载js
    transform应用详解
    css3+js打造炫酷图片展示
  • 原文地址:https://www.cnblogs.com/sendling/p/1514171.html
Copyright © 2011-2022 走看看