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