温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

怎么使用jQuery的value函数

发布时间:2021-11-12 11:00:56 来源:亿速云 阅读:264 作者:iii 栏目:开发技术

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

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI