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

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

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

    posts - 167,  comments - 30,  trackbacks - 0
    一:核心部分

     

    $( function(){
        $(document.body).background("black");
    })

    運(yùn)行:當(dāng)文檔載入時(shí)背景變成黑色,相當(dāng)于onLoad

    $(obj)
    說明:復(fù)制一個(gè)jQuery對(duì)象,
    參數(shù):obj (jQuery): 要復(fù)制的jQuery對(duì)象
    例子:
    未執(zhí)行jQuery前:

    <p>one</p>
    <div>
       
    <p>two</p>
    </div>
    <p>three</p>
    <href="#" id="test" onClick="jq()">jQuery</a>

    jQuery代碼及功能:

    function jq(){
        
    var f = $("div"); 
        alert($(f).find("p").html()) 
    }

    運(yùn)行:當(dāng)點(diǎn)擊idtest的元素時(shí),彈出對(duì)話框文字為two,即div標(biāo)簽下p元素的內(nèi)容。

    each(fn)
    說明:將函數(shù)作用于所有匹配的對(duì)象上
    參數(shù):fn (Function): 需要執(zhí)行的函數(shù)
    例子:
    未執(zhí)行jQuery前:

    <img src="1.jpg"/>
    <img src="1.jpg"/>
    <href="#" id="test" onClick="jq()">jQuery</a>

    jQuery代碼及功能:

    function jq(){
       $("img").each(
    function(){ 
            
    this.src = "2.jpg"; });
    }

    運(yùn)行:當(dāng)點(diǎn)擊idtest的元素時(shí),img標(biāo)簽的src都變成了2.jpg

    eq(pos)
    說明:減少匹配對(duì)象到一個(gè)單獨(dú)得dom元素
    參數(shù):pos (Number): 期望限制的索引,從0 開始
    例子:
    未執(zhí)行jQuery前:

    <p>This is just a test.</p>
    <p>So is this</p>
    <href="#" id="test" onClick="jq()">jQuery</a>

    jQuery代碼及功能:

    function jq(){
        alert($("p").eq(1).html())
    }

    運(yùn)行:當(dāng)點(diǎn)擊idtest的元素時(shí),alert對(duì)話框顯示:So is this,即第二個(gè)<p>標(biāo)簽的內(nèi)容

    get() get(num)
    說明:獲取匹配元素,get(num)返回匹配元素中的某一個(gè)元素
    參數(shù):get (Number): 期望限制的索引,從0 開始
    例子:
    未執(zhí)行jQuery前:

    <p>This is just a test.</p>
    <p>So is this</p>
    <href="#" id="test" onClick="jq()">jQuery</a>

    jQuery代碼及功能:

    function jq(){
        alert($("p").get(1).innerHTML);
    }

    運(yùn)行:當(dāng)點(diǎn)擊idtest的元素時(shí),alert對(duì)話框顯示:So is this,即第二個(gè)<p>標(biāo)簽的內(nèi)容
    注意geteq的區(qū)別,eq返回的是jQuery對(duì)象,get返回的是所匹配的dom對(duì)象,所有取$("p").eq(1)對(duì)象的內(nèi)容用jQuery方法html(),而取$("p").get(1)的內(nèi)容用innerHTML

    index(obj)
    說明:返回對(duì)象索引
    參數(shù):obj (Object): 要查找的對(duì)象
    例子:
    未執(zhí)行jQuery前:

    <div id="test1"></div>
    <div id="test2"></div>
    <href="#" id="test" onClick="jq()">jQuery</a>

    jQuery代碼及功能:

    function jq(){
        alert($("div").index(document.getElementById('test1')));
        alert($("div").index(document.getElementById('test2')));
    }

    運(yùn)行:當(dāng)點(diǎn)擊idtest的元素時(shí),兩次彈出alert對(duì)話框分別顯示01

    size()   Length
    說明:當(dāng)前匹配對(duì)象的數(shù)量,兩者等價(jià)
    例子:
    未執(zhí)行jQuery前:

    <img src="test1.jpg"/>
    <img src="test2.jpg"/>
    <href="#" id="test" onClick="jq()">jQuery</a>

    jQuery代碼及功能:

    function jq(){
        alert($("img").length);
    }

    運(yùn)行:當(dāng)點(diǎn)擊idtest的元素時(shí),彈出alert對(duì)話框顯示2,表示找到兩個(gè)匹配對(duì)象 

    posted on 2010-09-02 14:11 David1228 閱讀(209) 評(píng)論(0)  編輯  收藏 所屬分類: JQuery

    <2010年9月>
    2930311234
    567891011
    12131415161718
    19202122232425
    262728293012
    3456789

    常用鏈接

    留言簿(4)

    隨筆分類

    隨筆檔案

    文章檔案

    新聞分類

    新聞檔案

    相冊(cè)

    收藏夾

    Java

    Linux知識(shí)相關(guān)

    Spring相關(guān)

    云計(jì)算/Linux/虛擬化技術(shù)/

    友情博客

    多線程并發(fā)編程

    開源技術(shù)

    持久層技術(shù)相關(guān)

    搜索

    •  

    積分與排名

    • 積分 - 358616
    • 排名 - 154

    最新評(píng)論

    閱讀排行榜

    評(píng)論排行榜

    主站蜘蛛池模板: 无码日韩人妻av一区免费| 日韩亚洲人成在线综合| 亚洲av女电影网| 亚洲AV无码成人精品区蜜桃| 亚洲精品~无码抽插| 国产亚洲3p无码一区二区| 亚洲精品~无码抽插| 久久久久亚洲AV片无码| 亚洲国产精品久久久久久| 午夜影视日本亚洲欧洲精品一区| 中文字幕亚洲综合久久2| 亚洲视频在线观看地址| 亚洲av一本岛在线播放| 亚洲日韩AV无码一区二区三区人| 亚洲成av人片在www鸭子| 亚洲av日韩av永久无码电影| 日韩亚洲人成在线综合| 一个人看的www在线免费视频 | 久久亚洲精品无码| 亚洲国产天堂久久综合网站| 亚洲国产精品日韩在线| 亚洲欧美中文日韩视频| 看Aⅴ免费毛片手机播放| 黄视频在线观看免费| 免费污视频在线观看| 嘿嘿嘿视频免费网站在线观看| 色www永久免费视频| 亚洲国产a级视频| 亚洲国产第一站精品蜜芽| 亚洲神级电影国语版| 亚洲国产综合AV在线观看| 一级毛片免费不卡| 午夜精品射精入后重之免费观看 | 国产精品爱啪在线线免费观看| 拨牐拨牐x8免费| 亚洲熟妇少妇任你躁在线观看无码| 国产亚洲精品美女久久久| 亚洲1区1区3区4区产品乱码芒果| 国产亚洲男人的天堂在线观看| 色播在线永久免费视频网站| 亚洲天堂免费在线|