<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 閱讀(487) 評論(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個
    $("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; //總長度
    $("img").size();








    評論

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

    2009-05-09 17:59 by 王儉
    日歷的顯示有問題!
    主站蜘蛛池模板: 亚洲嫩模在线观看| 亚洲精品乱码久久久久久蜜桃不卡 | 猫咪免费观看人成网站在线| 久久天天躁狠狠躁夜夜免费观看| 亚洲欧洲日韩在线电影| 国产h视频在线观看免费| 亚洲免费一级视频| 免费无码又爽又刺激聊天APP| 亚洲av片不卡无码久久| 成年女人毛片免费播放人| 亚洲日产乱码一二三区别| 国产高清在线免费视频| 日韩毛片在线免费观看| 亚洲毛片不卡av在线播放一区| yellow视频免费在线观看| 国产亚洲综合成人91精品| 特级精品毛片免费观看| 亚洲日产2021三区在线| 四虎成人免费大片在线| 直接进入免费看黄的网站| 16女性下面无遮挡免费| 7777久久亚洲中文字幕| 亚洲v国产v天堂a无码久久| 中文在线免费看视频| 亚洲美女视频网址| 免费毛片在线播放| 精品无码国产污污污免费网站国产| 成人片黄网站色大片免费| 国产精品手机在线亚洲| 国产成A人亚洲精V品无码| 免费观看无遮挡www的小视频| 亚洲国产av玩弄放荡人妇| 狠狠综合久久综合88亚洲| 曰批视频免费40分钟试看天天| 亚洲一区二区三区高清在线观看| 亚洲成年看片在线观看| 日韩精品无码专区免费播放| 亚洲熟妇AV一区二区三区宅男| 精品国产亚洲男女在线线电影 | 亚洲精品第一国产综合境外资源| 国产免费爽爽视频在线观看|