讲道理的话这个插件如果只是这个用处的话,确实没什么必要用,比较高效的是采取css的:hover伪类实现,jquery的hover方法效率会比css实现的要低一些。。。
2015-12-31
/*自定义验证规则*/
rules: {
email:{
email:true,
required:true
}
}
第一个email是指要验证的表单元素名称,也即input的name属性值,第二个email指的是验证规则为email,是跟required一样的插件自带的验证规则。
rules: {
email:{
email:true,
required:true
}
}
第一个email是指要验证的表单元素名称,也即input的name属性值,第二个email指的是验证规则为email,是跟required一样的插件自带的验证规则。
2015-12-30
$("li").bind("focus",function(){
$.liFocus($(this),"red");
});
$("li").bind("blur",function(){
$.liFocus($(this),"white");
$.liFocus($(this),"red");
});
$("li").bind("blur",function(){
$.liFocus($(this),"white");
2015-12-30
}) $(function () { $("input").bind("focus", function () {
$("div").html("请输入姓名");
})
.bind("blur", function () {
if ($(this).val().length == 0)
$("div").html("不能为空!");
}); })
$("div").html("请输入姓名");
})
.bind("blur", function () {
if ($(this).val().length == 0)
$("div").html("不能为空!");
}); })
2015-12-30
/*$("#txtest").blur(function() {
//失去焦点时,如果值为空,则设置为默认值
if ($(this).val()== "") {
$(this).val(vdefault); ;
}
});*/
//失去焦点时,如果值为空,则设置为默认值
if ($(this).val()== "") {
$(this).val(vdefault); ;
}
});*/
2015-12-30
<script >
$(document).ready(function() {
var vdefault = $("#txtest").val();
$( "#txtest").focus(function() {
//获得焦点时,如果值为默认值,则设置为空
if ($(this).val() == vdefault) {
$(this).val("");
}
})
$(document).ready(function() {
var vdefault = $("#txtest").val();
$( "#txtest").focus(function() {
//获得焦点时,如果值为默认值,则设置为空
if ($(this).val() == vdefault) {
$(this).val("");
}
})
2015-12-30
<body>
<h3>表单中文本框的focus和blur事件</h3>
<input id="txtest" type="text" value="输入姓名" />
<div></div>
<h3>表单中文本框的focus和blur事件</h3>
<input id="txtest" type="text" value="输入姓名" />
<div></div>
2015-12-30
.load() 方法,与 $.get() 不同,允许我们规定要插入的远程文档的某个部分。这一点是通过 url 参数的特殊语法实现的。如果该字符串中包含一个或多个空格,紧接第一个空格的字符串则是决定所加载内容的 jQuery 选择器。 .load('http://www.imooc.com/data/fruit_part.html li',function(){});
2015-12-30
<script type="text/javascript">
$("h4").click(function () {
$("ul").toggle(1000,function(){
});
});
</script>
toggle()一行代码就能实现显示和隐藏了
$("h4").click(function () {
$("ul").toggle(1000,function(){
});
});
</script>
toggle()一行代码就能实现显示和隐藏了
2015-12-30