虽然以上实验已经可以成功的请求服务器并且载入了服务器返回的数据,但是将表单信息转换成json格式的那一段代码还是复杂了一些,每个表单组件的数据都得单独的去获得,如果表单中有十来个组件的话,岂不得写十来句代码去逐个获得...submit" >登录 js代码: function post_request(formObj) { // 只需要提供表单对象...请求成功时可调用回调函数。如果想要在出错时执行函数,则需要使用 .ajax。...AJAX方法 ajax方法是 jQuery 底层的 AJAX 实现,而以上介绍的get和post方法则是ajax方法的简写,ajax方法会返回其创建的 XMLHttpRequest 对象。...提示:所有的选项都可以通过 $.ajaxSetup() 函数来进行全局设置。 语法: jQuery.ajax({settings...}) ? 下面的表格中列出了可能的键/值: ?
fadeOut()函数用于隐藏所有匹配的元素,并带有淡出的过渡动画效果 所谓"淡出"隐藏的,元素是隐藏状态不对作任何改变,元素是可见的,则将其隐藏。...- 元素显示完毕后需要执行的函数。函数内的this指向当前DOM元素。 fadeIn()函数用于显示所有匹配的元素,并带有淡入的过渡动画效果。...如果元素是隐藏的,则使其可见 9、jQuery中淡入淡出切换fadeToggle fadeToggle()函数用于切换所有匹配的元素,并带有淡入/淡出的过渡动画效果。...注意了:在ECMAScript5已经有数据的indexOf方法支持了,但是jQuery保持了版本向下兼容,所以封装了一个inArray方法 jQuery.inArray()函数用于在数组中搜索指定的值,...jQuery.trim()函数用于去除字符串两端的空白字符 这个函数很简单,没有多余的参数用法 需要注意: - 移除字符串开始和结尾处的所有换行符,空格(包括连续的空格)和制表符(tab) - 如果这些空白字符在字符串中间时
二、jquery对象的方法 1、.each( function(index, Element) ) //each的参数顺序和js的参数顺序相反 遍历一个jQuery对象,为每个匹配元素执行一个函数 $(...'li').each(function(ind,e){ console.log(('ind+':'+$(e).text()') } //text方法是取出jquery对象的值, jQuery对象里面回调函数...each通用的迭代函数,它可以用来无缝迭代对象和数组。数组和类似数组的对象通过一个长度属性(如一个函数的参数对象)来迭代数字索引,从0到length - 1。...function( key, value ) { alert( key + ": " + value ); }); 3、.map( callback(index, domElement) ) 通过一个函数匹配当前集合中的每个元素...传递处理函数给.ready()方法,能保证DOM准备好后就执行这个函数,因此,这里是进行所有其它事件绑定及运行其它 jQuery 代码的最佳地方。
="intro" 的 元素 $(".intro") 所有 class="intro" 的元素 $("#intro") id="intro" 的元素 $("ul li:first") 每个...jQuery fadeOut()方法用于淡出可见元素。 $(selector).fadeOut(speed,callback); 可选的 speed 参数规定效果的时长。...(3000); }); 演示 jQuery fadeOut() 方法。...jQuery 停止动画 jQuery stop() 方法 jQuery stop() 方法用于停止动画或效果,在它们完成之前。...stop() 方法适用于所有 jQuery 效果函数,包括滑动、淡入淡出和自定义动画。
通过jQuery注册事件 jQuery注册事件也很简单,通过选择器包装好标签对象后,调用相关的事件方法即可,调用事件方法时需要传递一个函数对象,当事件被触发就会执行函数里的代码。...; }); 函数中的参数就是事件源对象: 对象,也可以通过选择器去获取当前对象: 函数,show 函数执行完之后,要执行的函数,示例: function show_img(){ alert("显示完成!")...fadeOut() 方法用于淡出可见元素 fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换 fadeTo() 方法允许渐变为给定的不透明度(值介于 0
C++中this指针是一个指向当前对象的指针。在成员函数中,可以使用this指针来访问调用该函数的对象的成员变量和成员函数。...一、定义和使用this指针 this指针是在成员函数内部定义的一个常量指针。它存储了当前对象的地址,可以通过它访问当前对象的成员变量和成员函数。...,返回的是指向调用该函数的对象的指针。...这里使用了*this来访问调用该函数的对象。 三、作为函数参数的this指针 this指针也可以作为函数参数传递。这种情况下,可以在函数内部访问其他对象的成员变量和成员函数。...在getName函数内部,使用了this指针访问调用该函数的对象的成员变量name。
背景 在现在就业的过程中,会运用JQuery是你的加分项,那么什么是JQuery,嗯,jquery是JavaScript的函数库,是一种轻量级的JavaScript库,写得少,做的多,导致jQuery有很多技术人员在使用它做项目...jQuery 安装: 下载jQuery库,下载地址 production version 用于实际的网站中 development version 用于测试和开发 jQuery库是一个JavaScript... 元素 $("ul li:first-child") 选取每个 元素的第一个 元素 $("[href]") 选取带有 href 属性的元素 $("a[target...淡入淡出 fadeIn() jQuery fadeIn()用于淡入已隐藏的元素 fadeOut() jQuery fadeOut() 方法用于淡出可见元素 fadeToggle() jQuery...停止动画 Stop()方法适用于所有jQuery效果函数 $(selector).stop(stopAll,goToEnd); $("#stop").click(function(){ $("#
fn,在每个匹配元素的click世界中绑定的处理函数 [data],fn $("p").click(); // 所有段落点击隐藏 $("p").click( function(){ $(this).hide...,每个元素执行一次 // 显示段落 html代码: hello jquery代码 $("p").show() jquery库可以通过一行简单的代码添加到网页中... 的第一个 元素 $("[href$='.jpg']") 所有带有以 ".jpg" 结尾的 href 属性的属性 事件 jquery事件处理函数是jquery中和核心函数。...Fade 函数 $(selector).fadeIn(speed,callback) $(selector).fadeOut(speed,callback) $(selector).fadeTo(...type 被返回的数据的类型 options 完整 AJAX 请求 小结 hide() 函数 fadeout() 函数 animate() 函数 $("button#demo").click() $(
---- jQuery选择元素 DOM-Document Object Model 文档对象模型 以树状表示的文档模型 为了创建jQuery对象,就用使用$()函数。...函数接受CSS选择符作为参数,充当一个工厂,返回包含页面中对应元素的jQuery对象。...jQuery对象选择符有三种:标签名、ID、类 可以单独使用,也可以与其他选择符组合使用 元素选择器 jQuery 元素选择器基于元素名选取元素。...fadeOut() jQuery fadeOut() 方法用于淡出可见元素。...stop() 方法适用于所有 jQuery 效果函数,包括滑动、淡入淡出和自定义动画。
实现一个目的需要很多步骤,使用原生js,就需要每个步骤都写出来,jQuery就把这些步骤打包封装进一个函数中,做成一个API,用户调用这个API,提供参数,就能一步实现目的,简洁高效。...3. jquery 对象和 DOM 原生对象有什么区别?如何转化? DOM对象 :W3C标准用于操作文档的API。...jQuery对象:将DOM原生对象进行封装后得到的类数组对象,它是jQuery独有的。如果一个对象是jQuery对象,那么就可以使用jQuery里的方法。...同样,DOM对象也不能使用jQuery方法。 jquery提供了两种方法将一个jquery对象转换成一个dom对象,[index]和get(index)。...该方法能够移除所有的或被选的事件处理程序,或者当事件发生时终止指定函数的运行。ubind() 适用于任何通过 jQuery 附加的事件处理程序。
在网页中,每个 id 名称只能使用一次,class 允许重复使用。 ?...,每个元素执行一次。...1.4.2 fadeln() 方法和 fadeOut() 方法 与 show() 方法不相同的是,fadeln() 方法和 fadeOut() 方法只改变元素的不透明度。...如果处理函数绑定给 window 对象,则会在所有内容(包括窗口、框架、对象和图像等)加载完毕后触发,如果处理函数绑定在元素上,则会在元素的内容加载完毕后触发。...示例:(windows).load(function() {}) 1.6.2 标准事件绑定 ☞ 语法 // 如果调用事件方法,不传递回调函数,则会触发浏览器默认行为 jq对象.事件方法(回调函数); ☞
在jQuery中有四个方法,分别是fadeIn(),fadeOut(),fadeToggle(),fadeTo(),下面来分别介绍一个这四个方法的使用以及参数设置。...jQuery fadeIn() 用于淡入已隐藏的元素。也就是说将display为none的元素显示出来,显示过程为淡入效果。...callback---回调函数,即淡入效果执行完毕之后需要执行的函数(可选)。 jQuery fadeOut() 方法用于淡出可见元素。也就是说将display为显示的元素隐藏,显示过程为淡出效果。...callback---回调函数,即淡入效果执行完毕之后需要执行的函数(可选)。 jQuery fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。...callback---回调函数,即淡入淡出效果执行完毕之后需要执行的函数(可选)。 jQuery fadeTo() 方法允许渐变为给定的不透明度(值介于 0 与 1 之间)。
(4)fn: 回调函数,在动画完成时执行的函数,每个元素执行一次。 建议:平时一般不带参数,直接显示隐藏即可。...(4)fn: 回调函数,在动画完成时执行的函数,每个元素执行一次。...(4)fn: 回调函数,在动画完成时执行的函数,每个元素执行一次。 1. 淡出效果语法规范 fadeOut([speed,[easing],[fn]]) 2....(4)fn: 回调函数,在动画完成时执行的函数,每个元素执行一次。...(4)fn: 回调函数,在动画完成时执行的函数,每个元素执行一次。
(译者注:jQuery自身提供"linear" 和 "swing") 4)complete 类型: Function() 在动画完成时执行的函数。...从jQuery1.7开始,队列选项也可以接受一个字符串,在这种情况下,在动画被添加到 由该字符串表示的队列中。...( 1.4 新增) E)step Type: Function( Number now, Tween tween ) 每个动画元素的每个动画属性将调用的函数。...这个函数为修改Tween 对象提供了一个机会来改变设置中得属性值。...,无论动画属性有多少,每个动画元素都执行单独的函数。
在jQuery中,$是一个常用的工具方法,用于快速选择和操作元素。它是jQuery库的核心函数,具有强大的功能和灵活的用法。...$方法是一个全局函数,它接受一个选择器字符串或DOM元素,并返回一个包含选中元素的jQuery对象。下面是一些常见的$方法的使用方式:选择元素可以使用CSS选择器作为参数来选择元素。...例如,创建一个新的div元素:$("")这将返回一个表示新创建的div元素的jQuery对象。包装元素可以将一个或多个现有的DOM元素包装到jQuery对象中。...例如,将id为"myElement"的元素包装到jQuery对象中:$("#myElement")这将返回一个包含id为"myElement"的元素的jQuery对象。...click(function() { // 处理点击事件});执行动画效果:$(".box").hide(); // 隐藏元素$(".box").slideDown(); // 展开元素$(".box").fadeOut
比如 jQuery,就是为了快速方便的操作DOM,里面基本都是函数(方法)。 ...1.2.3. jQuery的入口函数 jQuery中常见的两种入口函数: // 第一种: 简单易用。...1.2.6. jQuery 对象和 DOM 对象转换 DOM 对象与 jQuery 对象之间是可以相互转换的。...$(box); // 把DOM对象转换为 jQuery 对象 // 2.jQuery 对象转换为 DOM 对象有两种方法: // 2.1 jQuery对象[索引值] var domObject1...停止动画排队的方法为:stop() ; stop() 方法用于停止动画或效果。 stop() 写到动画或者效果的前面, 相当于停止结束上一次的动画。
HTML5学堂(码匠):jQuery来实现如下特效 - 在导航底部存在一条横线,跟随着鼠标缓动到相应导航项底部。...功能逻辑 当鼠标移入具体每个导航时,设置“横线”的left值,使用animate方法实现其缓动的效果。 当鼠标移入移出整个导航条时,再控制横线的显示与隐藏。 ?...淡入淡出 $(ele).fadeIn(seconds); $(ele).fadeIn(seconds); fadeIn和fadeOut遵循“对象.方法”的书写方式,在fadeIn()、fadeOut(...)前面为需要淡入或淡出的对象,而方法括号中为参数,用于书写淡入淡出需要的时间,单位为毫秒(即如果书写的是1000,则表示1000毫秒,1000毫秒 = 1秒)。...stop方法用于清除掉原有的动画。
在jQuery框架中对元素对象进行显示和隐藏有三种方式,分别是“默认方式显示和隐藏”、“滑动方式显示和隐藏”、“淡入淡出显示和隐藏”。接下来我们就分别对这三种方法进行介绍。...* linear:动画执行时速度是匀速的 fn:在动画完成时执行的函数,每个元素执行一次。 同时在这里提醒一点就是,以上的三个参数是可有可无的,如果不对其进行设置,那么将以默认值执行。...在这里我们增加一个最后的执行函数,让其弹出一个窗口“隐藏了...”。...,再定义一个方法用于元素隐藏吗?...-- 下方正文部分 --> 正文部分 效果如下: 关于jQuery中元素对象显示和隐藏的动画讲解就到这里
函数位于一个document ready函数中,我们需要在js中加载该函数文档 // jQuery入口函数 $(document).ready(function(){ //jQuery代码 }...| |error() |触发、或将函数绑定到指定元素的 error 事件 | |event.isDefaultPrevented() |返回 event 对象上是否调用了 event.preventDefault...每个元素只能触发一次该处理器。...-- speed:规定了淡入淡出的延迟时间可取(slow/fast/毫秒数;即:缓慢的、快速的、延迟的) callback:完成执行后调用的函数名称 --> fadeOut():淡出可见的元素...语法 $().fadeOut(speed,callback); <!
1、jQuery鼠标事件之click与dbclick事件 click方法用于监听用户单击操作,dbclick方法用于监听用户双击操作,这两个方法用法及其类似,所以这只介绍click事件,只有单击释放后才生效...handlerOut(eventObject):当鼠标指针离开元素时触发执行的事件函数 7、jQuery鼠标事件之focusin与focusout事件 focusin 方法用于监听用户元素聚焦操作(如...10、jQuery表单事件之select事件 select事件只能用于元素与元素。...e.preventDefault()来处理;也可以在函数上返回false 12、jQuery键盘事件之keydown与keyup事件 keydown方法用于监听用户键盘按下操作,只有键盘按下后才生效,keyup...自定义事件对象,是jQuery模拟原生实现的 自定义事件可以传递参数 ---- jQuery基础(四)---动画篇 1、jQuery中元素的隐藏和显示之hide和show方法 (改变样式display