天天看點

jquery學習1之對juery對象的細節操作1

jquery是前台動态頁面開發的一個很重要的工具。

一:jquery對象中length屬性和size()方法

    var a=$("a").length;

         var b=$("a").size();

   length--->傳回比對元素對象的個數

   size()--->傳回被 jQuery 選擇器比對的元素的數量

   暫時未發現,兩個有何不同。

   【1】當判斷一個對象是否存在是,可以用length屬性:

   存在長度>=1

   不存在長度==0

二:jquery對象中的get()方法。傳回的是Dom對象

    var firstA=$("a").get(0);--->傳回所有比對對象中的第一個對象,并轉換成Dom對象。

            alert(firstA.nodeName+":"+firstA.innerHTML);

    【1】jquey對象--->js的dom對象轉化

        var jsDom=$("a")[0];//将jq對象了解為數組,可以通過下标轉成js對象

        var jsDom=$("a").get(0);//将jq了解為一個特殊的容器。通過get()方法擷取

    【2】js對象----->jquery對象轉化

        var jqueyObj=$(jsDom);//将jq了解為一個特殊的容器。通過get()方法擷取

三:Jquery對象中attr(),html(),text(),val()方法的差別,和應用

    attr():

      【1】 var value=$(selector).attr(attribute)//擷取比對對象中某屬性的值

        【2】 $(selector).attr(attribute,value)//為比對對象的某個屬性指派

        【3】   $(selector).attr(attribute,function(index,oldvalue))//使用函數,為某個屬性設定值。

        【4】   $(selector).attr({attribute:value, attribute:value ...})//為比對對象,一次性設定多個屬性的值

    html():

      【1】$(selector).html()//傳回第一個比對元素中的填充物,包括标簽。

      【2】$(selector).html(content)//為所有比對的元素設定新内容(html代碼)。所有比對的元素,之前的全部覆寫

      【3】$(selector).html(function(index,oldcontent))//為所有比對的元素。利用函數設定内容。html片段

            index是比對元素的下标。類似于數組的下标。從0開始。

            oldcontent是之前該比對元素的html内容

     text():

      【1】$(selector).text()//擷取所有比對元素間的文本内容。html标簽會被删除

      【2】$(selector).text(content)//為所有比對的元素添加新内容。html标記會被原樣添加進去,當做文本。

      【3】$(selector).text(function(index,oldcontent))//利用函數,為所有比對元素改變文本内容

   所有帶函數的示例。基本都是一樣的。隻是方法名不一樣:

jquery學習1之對juery對象的細節操作1
jquery學習1之對juery對象的細節操作1

View Code

    val():

      【1】$(selector).val()//傳回第一個比對元素的value值  常用form表單裡的input标簽

        【2】$(selector).val(value)//為所有比對的元素設定新的value值

          【3】$(selector).val(function(index,oldvalue))//使用函數為所有比對的元素設定value值

  

繼續閱讀