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

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

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

    posts - 165, comments - 198, trackbacks - 0, articles - 1
      BlogJava :: 首頁 :: 新隨筆 :: 聯(lián)系 :: 聚合  :: 管理

    jquery 學(xué)習(xí)筆記_1

    Posted on 2007-11-08 17:12 G_G 閱讀(500) 評(píng)論(1)  編輯  收藏 所屬分類: javascript Framework
    參考:
    ??? http://visualjquery.com/1.1.2.html

    1.定位
    $(?'xx'?)
      $("p[a]").hide();
    $("p:eq(0)").show();
    $("div:visible").hide();
    $("ul/li")
    /* valid too: $("ul > li") */
    $("p.foo[a]");
    $("input[@name=bar]").val();
    $("input[@type=radio][@checked]")


    2.事件添加
    ?? <a href="#" name="li" >Link</a>

    ?? $(document).ready(
    function()?{
    ???????? $(
    "a").click(function()?{????????????????????
    ?????????????? $("div").hide(); //跌代不可見 <a>

    ????? });
    ??? });

    3.頁面 javascript 輸入(和jsp的 out.print(...))$(html)
    $("<div?id='div1'><font?color='red''>Hello</font></div>").appendTo("body");

    4.寫css
    $(document.body).css(?"background",?"black"?);

    5.包含定位
    <p>one</p> <div><p>two</p></div> <div>three</div>

    $(
    "div?>?p") //定位two <p>two</p>

    6.范圍定位
    <body>
    ????????
    <form>
    ????????????
    <input?type="button"?value="哈哈"/>
    ????????
    </form>
    </body>

    $("input:button",?document.forms[0])[0].setAttribute("value","google");
    ? $("div", xml.responseXML) 等

    7.表達(dá)試定位
    $("p[@name='p1']").hide();//hide不要?$(..)[0]

    $("input[@name='butt1']:button",?document.forms[0])[0].setAttribute("value","google");

    8.$(..).fun.. 添加方法
    ????????<form>
    ????????????
    <input?name="butt1"?type="button"?value="google"/>
    ????????
    </form>
    ????????
    <script>
    ????????????????
    ????????jQuery.fn.extend({
    ??????????check:?
    function()?{
    ????????????alert('check');
    ??????????}
    ????????});
    ????????$(
    "input[@name='butt1']:button",?document.forms[0]).check();
    ????????
    </script>


    jQuery.extend({
    min: function(a, b) { return a < b ? a : b; },
    max: function(a, b) { return a > b ? a : b; }
    });


    9.
    $.noConflict()
    ????<body>
    ????????
    <form>
    ????????????
    <input?name="butt1"?type="button"?value="google"/>
    ????????
    </form>
    ????????
    <a?href="#"?temp_href="#"?name="li"?>Link</a>
    ????????
    <script>
    ????????????????
    ?????
    var?$j?=?jQuery.noConflict();??
    ???????
    ?????
    //?Use?jQuery?via?$j()??
    ?????$j(document).ready(function(){??
    ????????$(
    "a").click(function()?{???
    ???????????????$j(document.forms[
    0]).hide();??
    ???????????});
    ?????});?
    ????????
    </script>
    ????
    </body>

    10. $ 一般方法
    //each(fn)
    $("img").each(function(i){
    ??this.src?=?"test"?+?i?+?".jpg";
    });
    <img/><img/>
    <img?src="test0.jpg"/><img?src="test1.jpg"/>


    $("p").eq(1) //后1個(gè)
    $("p").lt(1) //正取 1 開始

    $("img").get();//全取
    $("img").get(0); //順序取 0開始
    $("p").gt(0) //反取從0開始

    $("*").index( $('#foo')[0] )
    <div id="foobar"><b></b><span id="foo"></span></div>
    返回結(jié)果 2

    $("img").length; //總長(zhǎng)度
    $("img").size();








    評(píng)論

    # re: jquery 學(xué)習(xí)筆記_1  回復(fù)  更多評(píng)論   

    2009-05-09 17:59 by 王儉
    日歷的顯示有問題!
    主站蜘蛛池模板: 国产精品亚洲lv粉色| 毛片免费观看网站| 亚洲乱人伦精品图片| 99久久久国产精品免费蜜臀| 亚洲heyzo专区无码综合| 国产成人精品亚洲一区| 最近的2019免费中文字幕| 99国产精品免费视频观看| 色播在线永久免费视频| 在线播放免费播放av片| 外国成人网在线观看免费视频 | 亚洲色大18成人网站WWW在线播放 亚洲色大成WWW亚洲女子 | 亚洲精品V天堂中文字幕| 91亚洲va在线天线va天堂va国产| 久久久久亚洲AV无码专区网站| 亚洲AV无码专区在线电影成人| 亚洲欧洲国产综合| 久久精品九九亚洲精品| 国产亚洲精品a在线无码| 亚洲狠狠婷婷综合久久| 美丽姑娘免费观看在线观看中文版| 亚洲精品乱码久久久久久自慰| 18禁亚洲深夜福利人口| 99久久综合国产精品免费| 美女网站在线观看视频免费的 | 国产精品福利在线观看免费不卡| 亚洲v国产v天堂a无码久久| 国产免费久久久久久无码| 免费一级毛片一级毛片aa| 亚洲精品国产品国语在线| 亚洲一区二区三区在线| 国产色爽免费无码视频| 永久亚洲成a人片777777| 人禽伦免费交视频播放| 成年女人永久免费观看片| 伊人婷婷综合缴情亚洲五月| 美国免费高清一级毛片| 久久99国产综合精品免费| 亚洲午夜无码AV毛片久久| 国产亚洲精品国产| 91成人免费福利网站在线|