-
表单验证插件——validate。该插件自带包含必填、数字、URL在内容的验证规则，即时显示异常信息，此外，还允许自定义验证规则，插件调用方法如下： $(form).validate({options}) 其中form参数表示表单元素名称，options参数表示调用方法时的配置对象，所有的验证规则和异常信息显示的位置都在该对象中进行设置。 例子： <form id="frmV" method="get" action="#"> <div id="divtest"> <input id="btnSubmit" type="submit" value="提交" /> <div class="content"> <span class="fl">邮箱：</span><br /> <input id="email" name="email" type="text" /><br /> <span class="tip"></span> </div> </div> </form> $(function () { $("#frmV").validate( { /*自定义验证规则*/ rules: { email:{ required:true, email:true } }, /*错误提示位置*/ errorPlacement: function (error, element) { error.appendTo(".tip"); } } ); });查看全部
-
:selected选中状态选择器 与:checked选择器相比，:selected选择器只能获取<select>下拉列表框中全部处于选中状态的<option>选项元素。查看全部
-
;(function($){$.extend({"funname":function(item1,item2){}});})(jQuery);查看全部
-
<input id="btnShow" type="button" value="加载" /> <ul> <li id="divload"></li> </ul> js： $(function () { $("#divload").ajaxStart(function(){ $(this).html("正在请求数据..."); }); $("#divload").ajaxStop(function(){ $(this).html("数据请求完成！"); }); $("#btnShow").bind("click", function () { var $this = $(this); $.ajax({ url: "http://www.imooc.com/data/info_f.php", dataType: "json", success: function (data) { $this.attr("disabled", "true"); $("ul").append("<li>我的名字叫：" + data.name + "</li>"); $("ul").append("<li>男朋友对我说：" + data.say + "</li>"); } }); }) });查看全部
-
ajaxStart()和ajaxStop()方法是绑定Ajax事件。 ajaxStart()方法用于在Ajax请求发出前触发函数。调用格式为： $(selector).ajaxStart(function()) ajaxStop()方法用于在Ajax请求完成后触发函数。调用格式为： $(selector).ajaxStop(function()) 其中，两个方法中括号都是绑定的函数，当发送Ajax请求前执行ajaxStart()方法绑定的函数，请求成功后，执行ajaxStop ()方法绑定的函数。查看全部
-
param和serialize的区别是什么？前者是对任意的参数进行URL地址格式的转换，而后者仅属于form提交的数据转换。查看全部
-
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> <title>挑战题</title> </head> <body> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <a>更多</a> <div></div> </ul> </body> </html> <script type="text/javascript"> $(document).ready(function(){ $("li:gt(3)").hide(); $("li:last").show(); $("a").bind("click",function(){ var atxt=$("a").html(); if(atxt=='更多'){ $("a").html('简化'); $("li").show(); } if(atxt=='简化'){ $("a").html('更多'); $("li:gt(3)").hide(); $("li:last").show(); } }); }); </script>查看全部
-
使用ajax()方法是最底层、功能最强大的请求服务器数据的方法，它不仅可以获取服务器返回的数据，还能向服务器发送请求并传递数值，它的调用格式如下： jQuery.ajax([settings])或$.ajax([settings]) 其中参数settings为发送ajax请求时的配置对象，在该对象中，url表示服务器请求的路径，data为请求时传递的数据，dataType为服务器返回的数据类型，success为请求成功的执行的回调函数，type为发送数据请求的方式，默认为get。 例子：使用ajax()方法加载服务器数据： <input id="btnCheck" type="button" value="检测" /> <li>请求输入一个数字 <input id="txtNumber" type="text" size="12" /> </li> js: $(function () { $("#btnCheck").bind("click", function () { $.ajax({ url:"http://www.imooc.com/data/check.php", data: { num: $("#txtNumber").val() }, type:"post", success: function (data) { $("ul").append("<li>你输入的<b> " + $("#txtNumber").val() + " </b>是<b> " + data + " </b></li>"); } }); }) }); </script>查看全部
-
调用live()方法绑定元素的事件 与bind()方法相同，live()方法与可以绑定元素的可执行事件，除此相同功能之外，live()方法还可以绑定动态元素，即使用代码添加的元素事件，格式如下： $(selector).live(event,[data],fun) 参数event为事件名称，data为触发事件时携带的数据，fun为触发该事件时执行的函数。查看全部
-
下拉列表框的change事件 当一个元素的值发生变化时，将会触发change事件，例如在选择下拉列表框中的选项时，就会触change事件。查看全部
-
文本框的focus和blur事件 focus事件在元素获取焦点时触发，如点击文本框时，触发该事件；而blur事件则在元素丢失焦点时触发，如点击除文本框的任何元素，都会触发该事件。查看全部
-
使用ajaxSetup()方法可以设置Ajax请求的一些全局性选项值，设置完成后，后面的Ajax请求将不需要再添加这些选项值，调用格式： jQuery.ajaxSetup([options]) 或 $.ajaxSetup([options]) 可选项options参数为一个对象，通过该对象设置Ajax请求时的全局选项值。 例子： $(function () { $.ajaxSetup({ type:"post", success:function (data){ $("ul").append("<li>你输入的<b> " + $("#txtNumber").val() + " </b>是<b> " + data + " </b></li>"); } }); $("#btnShow_1").bind("click", function () { $.ajax({ data: { num: $("#txtNumber").val() }, url: "http://www.imooc.com/data/check.php" }); }) $("#btnShow_2").bind("click", function () { $.ajax({ data: { num: $("#txtNumber").val() }, url: "http://www.imooc.com/data/check_f.php" }); }) });查看全部
-
调用trigger()方法手动触发指定的事件 trigger()方法可以直接手动触发元素指定的事件，这些事件可以是元素自带事件，也可以是自定义的事件，总之，该事件必须能执行，它的调用格式为： $(selector).trigger(event) 其中event参数为需要手动触发的事件名称。查看全部
-
使用one()方法绑定元素的一次性事件 one()方法可以绑定元素任何有效的事件，但这种方法绑定的事件只会触发一次，它的调用格式如下： $(selector).one(event,[data],fun) 参数event为事件名称，data为触发事件时携带的数据，fun为触发该事件时执行的函数。查看全部
-
使用serialize()方法可以将表单中有name属性的元素值进行序列化，生成标准URL编码文本字符串，直接可用于ajax请求，它的调用格式如下： $(selector).serialize() 其中selector参数是一个或多个表单中的元素或表单元素本身。 例子：使用serialize()方法序列化表单元素值： <input id="btnAction" type="button" value="序列化" <form action=""> <ul> <li>姓名：<input name="Text1" type="text" size="12" /></li> <li> <select name="Select1"> <option value="0">男</option> <option value="1">女</option> </select> </li> <li><input name="Checkbox1" type="checkbox" />资料是否可见 </li> <li id="litest"></li> </ul> </form> </div> <script type="text/javascript"> $(function () { $("#btnAction").bind("click", function () { $("#litest").html($("form").serialize()); }) }) </script>查看全部
举报
0/150
提交
取消