<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    ……天天向上

    好的想法總是無窮無盡

    統計

    留言簿(1)

    閱讀排行榜

    評論排行榜

    jquery筆記0717

    1、不常用的切換函數$("p").toggle();當點擊切換按鈕時,隱藏元素為P行和顯示P行;

    <html>
    <head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $("button").click(function(){
      $("p").toggle();
      });
    });
    </script>
    </head>
    <body>
    <button type="button">切換</button>
    <p>This is a paragraph with little content.</p>
    <p>This is another small paragraph.</p>
    </body>
    </html>

    2、append() 函數向所匹配的 HTML 元素內部追加內容$(selector).append(content);
    <html>
    <head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(
    function(){
      $(
    "button").click(function(){
      $(
    "p").append(" <b>W3School</b>.");
      }
    );
    }
    );
    </script>
    </head>

    <body>
    <h2>This is a heading</h2>
    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>
    <button type="button">請點擊這里</button>
    </body>

    </html>
    類似的還有:
    $(selector).html(content) 改變被選元素的(內部)HTML
    $(selector).append(content) 向被選元素的(內部)HTML 追加內容
    $(selector).prepend(content) 向被選元素的(內部)HTML “預置”(Prepend)內容
    $(selector).after(content) 在被選元素之后添加 HTML
    $(selector).before(content) 在被選元素之前添加 HTML

    3、css操作:函數 css({properties}) 同時為所有匹配元素的一系列 CSS 屬性設置值:
    $(selector).css({properties})
    $("p").css({"background-color":"red","font-size":"200%"});

    jQuery 擁有兩種用于尺寸操作的重要函數:

    • $(selector).height(value)
    • $(selector).width(value)
    總結如:
    $(selector).css(name,value) 為匹配元素設置樣式屬性的值
    $(selector).css({properties}) 為匹配元素設置多個樣式屬性
    $(selector).css(name) 獲得第一個匹配元素的樣式屬性值
    $(selector).height(value) 設置匹配元素的高度
    $(selector).width(value) 設置匹配元素的寬度

    4、AJAX:

    jQuery AJAX 請求
    $(selector).load(url,data,callback) 把遠程數據加載到被選的元素中
    $.ajax(options) 把遠程數據加載到 XMLHttpRequest 對象中
    $.get(url,data,callback,type) 使用 HTTP GET 來加載遠程數據
    $.post(url,data,callback,type) 使用 HTTP POST 來加載遠程數據
    $.getJSON(url,data,callback) 使用 HTTP GET 來加載遠程 JSON 數據
    $.getScript(url,callback) 加載并執行遠程的 JavaScript 文件

    (url) 被加載的數據的 URL(地址)

    (data) 發送到服務器的數據的鍵/值對象

    (callback) 當數據被加載時,所執行的函數

    (type) 被返回的數據的類型 (html,xml,json,jasonp,script,text)

    (options) 完整 AJAX 請求的所有鍵/值對選項

    略。。。


















    posted on 2012-07-17 11:21 japper 閱讀(389) 評論(0)  編輯  收藏


    只有注冊用戶登錄后才能發表評論。


    網站導航:
     
    主站蜘蛛池模板: 国产一精品一av一免费爽爽 | 国产成人高清亚洲一区91| 免费播放一区二区三区| 亚洲人成网站在线观看播放| www.av在线免费观看| MM131亚洲国产美女久久| 一级毛片视频免费| 亚洲日本乱码在线观看| 中文字幕无码免费久久| 久久久久亚洲av无码专区导航| 亚洲免费在线播放| 亚洲国产成人久久三区| 最新中文字幕免费视频| 亚洲av无码一区二区三区人妖 | 亚洲综合激情五月丁香六月| 美女被免费视频网站a国产| 国产亚洲视频在线| 国产成人综合亚洲亚洲国产第一页 | 亚洲国产精品综合久久网络| 男女一进一出抽搐免费视频| 亚洲高清视频在线观看| 很黄很色很刺激的视频免费| 蜜芽亚洲av无码一区二区三区| 亚洲av日韩av欧v在线天堂| a级特黄毛片免费观看| 中文字幕亚洲免费无线观看日本| 国产v精品成人免费视频400条| 国产精品亚洲色图| 亚洲人成网77777色在线播放| 日本片免费观看一区二区| 亚洲丁香婷婷综合久久| 国产亚洲精品精华液| 精品熟女少妇AV免费观看| 猫咪www免费人成网站| 亚洲图片在线观看| 国产资源免费观看| 精品无码无人网站免费视频| 国产偷国产偷亚洲高清在线| 亚洲午夜久久影院| 亚洲?V无码乱码国产精品| 亚欧色视频在线观看免费|