我正在缓慢但坚定地学习 jQuery,所以请原谅我的无知。我做了很多谷歌搜索,得到了下面弗兰肯斯坦的例子。
在此示例中,如果用户在框中输入“Kasey”input
,我希望 div#pete 有display:block
.
提前致谢!
<!DOCTYPE html>
<html>
<head>
<script>
$(document).ready(function(){
var val = $("#fname").length;
if (val = Kasey) {
$("#pete").css("display", "block");
}
</script>
</head>
<body>
<p>Name: <input type="text" id="fname"></p>
<p id="pete" style="display:none;" >Pete</p>
</body>
</html>
您可以使用keyup() http://api.jquery.com/keyup听的处理程序keyup
事件。里面那个用途this.value
获取值
$(document).ready(function() {
$("#fname").keyup(function() {
if (this.value == "Kasey") {
$("#pete").css("display", "block");
}
else {
$("#pete").css("display", "none");
}
});
});
FIDDLE http://jsfiddle.net/pranavcbalan/8mzgj/1/
更新 :
您可以将代码简化如下
$(document).ready(function () {
$("#fname").keyup(function () {
$("#pete").css("display", this.value == "Kasey" ? "block" : "none");
});
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)