怎么使用jQuery的value函數

本篇內容介紹了“怎么使用jQuery的value函數”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

　　(i,obj的value屬性值)val=value.call(this,i,jQuery(this).val());//[注:value的兩個形參,我們不用給它手動傳值,會在val函數內部自動傳值。

　　value函數實例方法的三種用法

　　$('xxx').val():獲取匹配的元素集合中第一個元素的當前value屬性值(property)

　　$('xxx').val(value):設置匹配的元素集合中每個元素的value屬性值(property)

　　$('xxx').val(function(index,value){}):

　　鉤子函數未設置或無效時,將函數function(index,value)的返回值設為每一個DOM元素的value屬性值(property).

　　其中,兩個形參不需要傳值,index指代當前DOM元素的在jQuery對象中的索引,value指代當前DOM對象的舊的value屬性值.

　　value函數源碼

　　 jQuery.fn.extend({

　　 val:function(value){

　　  varhooks,ret,isFunction,

　　   elem=this[0];//elem為jQuery對象匹配的第一個DOM元素

　　  //無參數傳入時

　　  if(!arguments.length){

　　   if(elem){//如果jQuery有匹配到DOM元素的話

　　    //鉤子判斷與執行:匹配用戶自定義的鉤子函數,并執行和返回

　　    hooks=jQuery.valHooks[elem.type]||//如果valHooks有type屬性,賦值對應鉤子

　　     jQuery.valHooks[elem.nodeName.toLowerCase()];//如果valHooks有與DOM節點名相關的屬性,賦值對應鉤子

　　    if(//如果定義了鉤子及相關方法,調用鉤子函數處理并返回

　　     hooks&&

　　     "get"inhooks&&

　　     (ret=hooks.get(elem,"value"))!==undefined

　　    ){

　　     returnret;

　　    }

　　    ret=elem.value;//無鉤子時,直接取元素的value值

　　    returntypeofret==="string"?

　　     //返回字符串:處理一般情況下的返回值

　　     ret.replace(rreturn,""):

　　     //返回非字符串:value為null/undefined,返回空串;其余情況,返回ret

　　     ret==null?"":ret;

　　   }

　　   return;//如果jQuery對象未匹配到DOM元素時,直接返回

　　  }

　　  //傳入一個參數時的情況:函數,非函數

“怎么使用jQuery的value函數”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！