为了账号安全,请及时绑定邮箱和手机立即绑定

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • empty()是只移除了 指定元素中的所有子节点,拿$("p").empty()来说,他只是把<p>dsfsd</p>中的文本给移除了,而留下 了<p></p>,仍保留其在dom中所占的位置。 remove([expr])则是把其从dom中删除,而不会保留其所占的位置。
    查看全部
  • remove()方法删除所选元素本身和子元素,该方法可以通过添加过滤参数指定需要删除的某些元素,而empty()方法则只删除所选元素的子元素。
    查看全部
  • 表单插件——form 通过表单form插件,调用ajaxForm()方法,实现ajax方式向服务器提交表单数据,并通过方法中的options对象获取服务器返回数据,调用格式如下: $(form). ajaxForm ({options}) 其中form参数表示表单元素名称;options是一个配置对象,用于在发送ajax请求过程,设置发送时的数据和参数。 $(function () { var options = { url: "http://www.imooc.com/data/form_f.php", target: ".tip" } $("#frmV").ajaxForm(options); }); target 返回的结果将放到这个target下 url 如果定义了,将覆盖原form的action type get和post两种方式 dataType 返回的数据类型,可选:json、xml、script clearForm true,表示成功提交后清楚所有表单字段值 resetForm true,表示成功提交后重置所有字段 iframe 如果设置,表示将使用iframe方式提交表单 beforeSerialize 数据序列化前:function($form,options){} beforeSubmit 提交前:function(arr,$form,options){} success 提交成功后:function(data,statusText){} error 错误:function(data){alert(data.message);}
    查看全部
  • mark 为什么html里列出了列表,通过contextMenu隐藏并去掉了list-style,并且包裹ul的盒子class name是contextMenu?
    查看全部
  • html()方法可以获取元素的HTML内容,因此,原文中的格式代码也被一起获取,而text()方法只是获取元素中的文本内容,并不包含HTML格式代码,所以它显示的内容并没有变“歪”。
    查看全部
  • <a> 标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段。 这里的href="javascript:;",其中javascript:是伪协议,它可以让我们通过一个链接来调用javascript函数.而采用这个方式 javascript:;可以实现a标签的点击事件运行时,如果页面内容很多,有滚动条时,页面不会乱跳,用户体验更好。
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • :input表单选择器 如何获取表单全部元素?:input表单选择器可以实现,它的功能是返回全部的表单元素,不仅包括所有<input>标记的表单元素,而且还包括<textarea>、<select> 和 <button>标记的表单元素,因此,它选择的表单元素是最广的。 可以看出,通过调用$("#frmTest :input")表单选择器代码获取了表单中的全部元素,并使用addClass()方法修改它们在页面中显示的边框颜色。addClass()方法的功能是为元素添加指定的样式类别名称
    查看全部
  • toggle()方法可以在元素的click事件中绑定两个或两个以上的函数,同时,它还可以实现元素的隐藏与显示的切换,绑定多个函数的调用格式如下: $(selector).toggle(fun1(),fun2(),funN(),...); 当每次click事件触发时依次执行不同的函数。 另:当调用toggle()无参数方法时,如果元素显示,则隐藏;反之则显示。
    查看全部
  • 默认校验规则 序号 规则 描述 1 required:true 必须输入的字段。 2 remote:"check.php" 使用 ajax 方法调用 check.php 验证输入值。 3 email:true 必须输入正确格式的电子邮件。 4 url:true 必须输入正确格式的网址。 5 date:true 必须输入正确格式的日期。日期校验 ie6 出错,慎用。 6 dateISO:true 必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22。只验证格式,不验证有效性。 7 number:true 必须输入合法的数字(负数,小数)。 8 digits:true 必须输入整数。 9 creditcard: 必须输入合法的信用卡号。 10 equalTo:"#field" 输入值必须和 #field 相同。 11 accept: 输入拥有合法后缀名的字符串(上传文件的后缀)。 12 maxlength:5 输入长度最多是 5 的字符串(汉字算一个字符)。 13 minlength:10 输入长度最小是 10 的字符串(汉字算一个字符)。 14 rangelength:[5,10] 输入长度必须介于 5 和 10 之间的字符串(汉字算一个字符)。 15 range:[5,10] 输入值必须介于 5 和 10 之间。 16 max:5 输入值不能大于 5。 17 min:10 输入值不能小于 10。
    查看全部
  • 表单验证插件——validate 该插件自带包含必填、数字、URL在内容的验证规则,即时显示异常信息,此外,还允许自定义验证规则,插件调用方法如下: $(form).validate({options}) 其中form参数表示表单元素名称,options参数表示调用方法时的配置对象,所有的验证规则和异常信息显示的位置都在该对象中进行设置。 $(function () { $("#frmV").validate( { submitHandler: function() { $.ajax({ type:"post", url:"", data:$("#frmV").serialize(), success:function(data){ location.href=""; }, error:function(XHR){} }); }, rules:{ email:{ required:true, email:true }, url:{ required:true, url:true } }, messages:{ email:{ required:"邮箱不能为空!", email:"请填写正确的邮箱格式。" }, url:{ required:"网址不能为空!", url:"请填写正确的网址格式。" } }, errorPlacement: function (error, element) { if(element.is("input[name='email']")){ error.appendTo("#email_wrong"); //error是一个jQuery对象。document.write(error.text());。error应该是文本节点。 //element指代出错的DOM标签对象 }else{ error.appendTo("#url_wrong"); } } } ); }); 自定义验证: jQuery.validator.addMethod("isZipCode", function(value, element) { var tel = /^[0-9]{6}$/; return this.optional(element) || (tel.test(value)); }, "请正确填写您的邮政编码");
    查看全部
  • remove()删除的是元素本身以及它里面的所有元素; empty()是清空该元素里的所有内容;
    查看全部

举报

0/150
提交
取消
课程须知
您需要知道HTML、JavaScript和CSS样式的基础语法,并能使用这些语法构建一个DIV+CSS结构页的完整过程。
老师告诉你能学到什么?
通过本课程的学习,您可以由浅入深地全面了解jQuery框架的基础知识,掌握并使用jQuery操控DOM元素的方法与技巧,深入理解jQuery框架提供的各类API与函数的工作原理和自定义jQuery插件的各项技能。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!