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

           

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

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

          $(obj)
          說明:復(fù)制一個jQuery對象,
          參數(shù):obj (jQuery): 要復(fù)制的jQuery對象
          例子:
          未執(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()) 
          }

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

          each(fn)
          說明:將函數(shù)作用于所有匹配的對象上
          參數(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"; });
          }

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

          eq(pos)
          說明:減少匹配對象到一個單獨得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())
          }

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

          get() get(num)
          說明:獲取匹配元素,get(num)返回匹配元素中的某一個元素
          參數(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);
          }

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

          index(obj)
          說明:返回對象索引
          參數(shù):obj (Object): 要查找的對象
          例子:
          未執(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')));
          }

          運行:當(dāng)點擊idtest的元素時,兩次彈出alert對話框分別顯示0,1

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

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

          jQuery代碼及功能:

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

          運行:當(dāng)點擊idtest的元素時,彈出alert對話框顯示2,表示找到兩個匹配對象 

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

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

          常用鏈接

          留言簿(4)

          隨筆分類

          隨筆檔案

          文章檔案

          新聞分類

          新聞檔案

          相冊

          收藏夾

          Java

          Linux知識相關(guān)

          Spring相關(guān)

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

          友情博客

          多線程并發(fā)編程

          開源技術(shù)

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

          搜索

          •  

          積分與排名

          • 積分 - 359355
          • 排名 - 154

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 六枝特区| 长葛市| 高唐县| 克拉玛依市| 桦川县| 通城县| 安义县| 杭锦旗| 浦北县| 德钦县| 南皮县| 广河县| 西青区| 武威市| 昌宁县| 牟定县| 长春市| 阆中市| 正宁县| 麦盖提县| 平湖市| 商都县| 通渭县| 军事| 汾阳市| 吴忠市| 延长县| 昭平县| 怀远县| 安化县| 蛟河市| 临夏市| 嘉禾县| 社会| 旌德县| 连山| 黎川县| 定结县| 鹰潭市| 谷城县| 三江|