怎么使用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函数”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站，小编将为大家输出更多高质量的实用文章！