因子
也许你不知道(至少我之前是不知道的T_T),在jquery
的val()
方法中是可以直接写函数的。
比如
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
</head>
<body>
<form class="" action="index.html" method="post">
<input type="hidden" id="test_input" name="name" value="">
</form>
<script src="http://libs.useso.com/js/jquery/1.9.1/jquery.min.js" charset="utf-8"></script>
<script type="text/javascript">
function test_callback(){
return "hahaha";
}
var $obj=$("#test_input");
$obj.val(test_callback);
alert($obj.val());
</script>
</body>
</html>
又比如
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
</head>
<body>
<form class="" action="index.html" method="post">
<input type="hidden" id="test_input" name="name" value="">
</form>
<script src="http://libs.useso.com/js/jquery/1.9.1/jquery.min.js" charset="utf-8"></script>
<script type="text/javascript">
var $obj=$("#test_input");
$obj.val(function(){
return "4444";
});
alert($obj.val());
</script>
</body>
</html>
缘由
为究其原因,我今天去jquery源码看了下,上面是这么写的:
//略去无关代码
isFunction = jQuery.isFunction( value );
return this.each( function( i ) {
var val;
if ( this.nodeType !== 1 ) {
return;
}
if ( isFunction ) {
val = value.call( this, i, jQuery( this ).val() );
} else {
val = value;
}
//略去无关代码
}
好啦,又涨新姿势了吧。。
可以看到显示判断是否是一个函数,如果要设置的值是个函数,就会先执行他,然后把它的结果放到值里面返回。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。