小微型庫(4.獲取innerText,value,JQ中的eq())

獲取innerText:

$("div").text()

$("div")text("1111")

獲取value:

$("input").value()

//在原型上繼續新增
Liang.prototype = {
    constructor : Liang,
    init : function(){}, //(1)
    html : function(){}, //(2)
    on : function(){}, //(3)
    off : function(){}, //(3)
    //獲取或者設定元素的innerText 
    text : function(str){
        if(typeof str === "undefined"){ // 例如$("div").text()
            //表示獲取第0個 innerText
            return this[0].innerText;
        }else if(typeof str === "string"){ // 例如 $("div").text("1111")
            //設定內容
            Liang.each(this, function(v){
                v.innerText = str;
            });
            return this;
        }
    },

    //獲取元素的value值(表單元素才有)
    val : function(str){
        if(typeof str === "undefined"){  // 例如$("input").value()
            //獲取第0個value值
            return this[0].value;
        }else{
            Liang.each(this, function(v){
                v.value = str;
            });
            return this;
        }
    },
    
    //eq
    eq : function(n){
        var len = this.length;
        if(n >= len || n < 0){
            throw Error("下標越界,檢查eq內的引數");
        }
        return new this.init(this[n]);
    }
    
}
複製程式碼