通过jQuery注册事件 jQuery注册事件也很简单,通过选择器包装好标签对象后,调用相关的事件方法即可,调用事件方法时需要传递一个函数对象,当事件被触发就会执行函数里的代码。...在jQuery里的事件名称并没有与html中的事件名称有多大区别,还是那个熟悉的味道熟悉的套路,示例: <!...; }); 函数中的参数就是事件源对象: <!...dbclick']").dblclick(function(e){ alert(e.toString()); }); 在函数中可以使用...在设置速度的情况下,元素从隐藏到完全可见的过程中,会逐渐地改变其高度、宽度、外边距、内边距和透明度。
异步(Ajax)请求类似于我在应用中创建的路由和视图函数,唯一的区别是它不返回HTML或重定向,而是返回数据,格式为XML或更常见的JSON。...所以我在这个函数中做的是调用上一节中的translate()函数,直接从通过请求提交的数据中传递三个参数。...如果你不熟悉在浏览器中使用JavaScript,这将是一个很好的学习机会 在浏览器中使用JavaScript时,当前显示的页面在内部被表示为文档对象模型(DOM)。...下一步是将POST请求发送到我在前一节中定义的*/translate* URL。为此,我也将使用jQuery,本处使用$ .post()函数。...$ .post()的参数是两个,第一个是发送请求的URL,第二个是包含服务器期望的三个数据项的字典(或者称之为对象,因为这些是在JavaScript中调用的 你可能知道JavaScript对回调函数(或者称为
Iframe 里面的元素 和 Jquery 操作 CSS&style 表单 JQuery 动态添加表单 获取 Jquery 对象数组中的所有文字 Jquery 对象的属性转为数组 Query...子串中的字符数。必须是数值。如果省略了该参数,那么返回从 stringObject 的开始位置到结尾的字串。...JQuery 效率比较高并且兼容性强 获取 Jquery 对象数组中的所有文字 arr = $('#mw-content-text .navbox-list .navbox-list a').map...这是一个简单的 GET 请求功能以取代复杂 .ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 .ajax。 参数 Attr Exp url 必需。...规定添加到元素的一个或多个事件。 由空格分隔多个事件。必须是有效的事件。 data 可选。规定传递到函数的额外数据。 function 必需。规定当事件发生时运行的函数。
该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, .post等(我们也只掌握这一种)。 .ajax() 返回其创建的 XMLHttpRequest 对象。...complete(XHR, TS) 类型:Function 请求完成后回调函数 (请求成功或失败之后均调用)。 参数: XMLHttpRequest 对象和一个描述请求类型的字符串。...在 1.4 中,JSON 就会生成一个 JavaScript 对象,而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。...注意:在远程请求时(不在同一个域下),所有 POST 请求都将转为 GET 请求。(因为将使用 DOM 的 script标签来加载) "json": 返回 JSON 数据 。...使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。 "text": 返回纯文本字符串
open()是HTTP请求方法-GET,POST,HEAD或服务器支持的其他方法。...JavaScript DOM函数遍历的对象返回 请注意,仅当您使用了异步请求(open()未指定的第三个参数或将其设置为true)时,以上步骤才有效。...用户单击“发出请求”按钮; 事件处理程序调用该makeRequest()函数; 发出请求,然后(onreadystatechange)执行传递给alertContents(); alertContents...在包含AJAX函数httpRequest 的闭包中声明局部变量可以避免这种情况。 如果发生通信错误(例如服务器关闭),则onreadystatechange在访问响应状态时,方法中将引发异常。...XML响应 在上一个示例中,在收到对HTTP请求的响应之后,我们使用了请求对象的responseTextproperty,该属性包含test.html文件的内容。
; }) }); $是在jQuery中使用的变量名,可以使用 jQuery.noConflict()避免冲突,它的返回值就是jQuery对象。...jQuery.noConflict(); $j = jQuery.noConflict(); jQuery对象与DOM对象之间的转换 使用 $()得到的是一个jQuery对象。...从 DOM 对象转到 jQuery 对象: $(obj) 从 jQuery 对象转到 DOM 对象: obj[0] 比较正规地从 jQuery 对象到 DOM 的转换,是使用 jQuery 对象的 get...Deferred Deferred对象是在jQuery1.5中引入的回调管理对象。其作用是把一堆函数按顺序放入一个调用链,然后根据状态来依次调用这些函数。AJAX的所有操作都是使用它来进行封装的。...Callbacks 事实上,`Deferred`机制,只是在`Callbacks`机制的上层进行了一层简单封装。`Callbacks`对象才是真正的jQuery中定义的原始的回调管理机制。
this 指的是原生对象 ... // 使用 jquery 对象用 $(this) }; js 对象与 jquery 对象有些许不同,jquery 对象是对 js 对象的封装,然后让其拥有了...当我们验证邮箱格式、手机号、身份证号时必不可少,那么 jquery 中如何使用呢?...出现零次或一次(最多出现一次) + 出现一次或多次(至少出现一次) * 出现零次或多次(任意次) {n} 出现n次 {n,m} 出现n到m次 {n,} 至少出现n次 范围:使用中括号将可选内容列出,代表内容中任意一个...,可以简单的理解为一个键值对的集合,也就是 python 中的字典,键就是调用每个值的名称,值就是变量、函数、对象这些。...ajax 技术的原理是实例化 xmlhttp 对象,使用此对象与后台通信。jquery 将它封装成了一个函数 $.ajax(),我们可以直接用这个函数来执行ajax请求。 此部分超级重要!超级重要!
初始化调用接受许多配置弹出窗口的选项,包括传递想要在弹出窗口中显示的内容,以及使用什么方法触发弹出窗口出现或消失(单击,悬停在元素上等),如果内容是纯文本或HTML,那么在文档中可以找到更多的选项。...我要运行的函数将搜索页面中用户名的所有链接,并使用Bootstrap中的弹出窗口组件配置它们。 jQuery JavaScript库作为Bootstrap的依赖项加载,因此我将利用它。...当使用jQuery时,你可以用$(...)封装来注册一个函数,函数将会在页面加载完毕后运行。...例如,ID = 123的用户动态中具有id="post123"属性。然后使用jQuery,在JavaScript中使用表达式$('#post123')在DOM中定位此元素。...同样的逻辑也需要应用于异步请求,所以我添加了第二个子句来放弃我的xhr请求对象(如果存在) 08 弹窗的创建与销毁 最后我使用在Ajax回调函数中传递给我的data参数来创建我的弹窗组件: app/templates
一般来说,你不需要知道ASP.NET MVC来使用Web API。 添加模型 一个模型是代表你的应用程序中的数据的对象。...API中,控制器是处理HTTP请求的对象。...当然,在实际应用中,您可以查询数据库或使用其他外部数据源。 控制器定义了返回产品的两种方法: 该GetAllProducts方法将整个产品列表作为IEnumerable 类型返回。...使用Javascript和jQuery调用Web API 在本节中,我们将添加一个使用AJAX调用Web API的HTML页面。我们将使用jQuery来进行AJAX调用,并且还可以使用结果更新页面。...jQuery getJSON函数发送一个AJAX请求。对于响应包含JSON对象的数组。该done函数指定在请求成功时调用的回调。在回调中,我们使用产品信息更新DOM。
= 4) return; console.log(this); } 服务器响应,使用 XMLHttpRequest 对象的responseText或responseXML属性。...在ajax请求完成时执行一个处理函数 .ajaxSuccess() 绑定一个函数当ajax请求成功完成时执行 jQuery.ajax() 执行一个异步的http(ajax)请求 jQuery.ajaxPerfilter...() 在每个请求之前被发送和$.ajax()处理它们前处理 jQuery.ajaxSetup() 为以后要用到的ajax请求设置默认的值 jQuery.ajaxTransport() 创建一个对象 jQuery.get...() 使用一个http get请求从服务器加载数据 jQuery.getJSON() jQuery.getScript() GET请求从服务器加载并执行一个 JavaScript 文件 jQuery.post...原理是在客户端借助script标签请求服务端的一个动态网页,服务端的这个动态网页返回一段带有函数调用的javascript全局函数调用的脚本,将原本需要返回给客户端的数据传递进去。
jquery介绍 jQuery是目前使用最广泛的javascript函数库。据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库。...jquery是一个函数库,一个js文件,页面用script标签引入这个js文件就可以使用。...() 向下展开 slideUp() 向上卷起 slideToggle() 依次展开或卷起某个元素 jquery链式调用 jquery对象的方法会在执行完后返回这个jquery对象,所有jquery对象的方法可以连起来写...@#$%^&*]{6,20}$/; //手机号码验证: var rePhone = /^1[34578]\d{9}$/; 事件冒泡 什么是事件冒泡 在一个对象上触发某类事件(比如单击onclick...json数据对象类似于JavaScript中的对象,但是它的键对应的值里面是没有函数方法的,值可以是普通变量,不支持undefined,值还可以是数组或者json对象。
在1.4中,JSON就会生成一个JavaScript对象,而script则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。...使用 HTTP 包 Last-Modified 头信息判断。在jQuery 1.4中,他也会检查服务器指定的’etag’来确定数据没有被修改过。...这个值用来替代在"callback=?"这种GET或POST请求中URL参数里的"callback"部分,比如{jsonp:‘onJsonPLoad’}会导致将"onJsonPLoad=?"...通常只在本地和远程的内容编码不同时使用。 statusCode 默认: {} 一组数值的HTTP代码和函数对象,当响应时调用了相应的代码。...参数:由服务器返回,并根据dataType参数进行处理后的数据;描述状态的字符串。还有 jqXHR(在jQuery 1.4.x的中,XMLHttpRequest) 对象 。
的部分,例如:js中的单击事件 onclick(), jQuery中的事件名称,就是click,都是小写的。...通过 jQuery AJAX 方法,您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON 同时能够把接收的数据更新 到 DOM 对象。...使用三个函数就可以实现ajax的请求处理。 处理ajax请求的三个函数: $.ajax() : jQuery中实现ajax的核心参数。 $.post() : 使用post方式发送ajax请求。...jQuery库中 .post()函数来发起ajax请求。...注意:如果这这里使用的是.post()函数,在服务端要使用doPost方法 给浏览器返回数据,所以此时应该将服务端的代码写入到 doPost方法体中 如果是 .get()写到doGet中.post()写到
事件对象: 由于IE-DOM和标准DOM实现事件对象的方法各不相同,导致在不同 浏览器中获取事件对象变得比较困难.针对这个问题,jquery进行了必要的扩 展和封装,从而使得在任何浏览器中能很好的轻松的访问获取事件对象以及事...件对象的一些属性在程序中使用事件对象非常简单,只需要为函数添加一个参 数....停止事件冒泡 停止时间冒泡可以阻止事件中其他对象的事件处理函数被执行.在jquery中提供了stopPropagation()方法来阻止冒泡事件....可以用同样的方法解决 元素上的问题 阻止默认行为 网页中的元素都有自己默认的行为,例如:单击超链接后悔跳转,单击”提交”按钮会表单会提交,有时需要阻止元素的默认行为 在jquery中,提供了preventDefault...•XMLHttpRequest 对象 默认使用 GET 方式 - 传递附加参数时自动转换为 POST 方式 可以指定选择符,来筛选载入的 HTML 文档,DOM 中将仅插入筛选出的 HTML
在 1.4 中,JSON 就会生成一个 JavaScript 对象,而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。...使用 HTTP 包 Last-Modified 头信息判断。在 jQuery 1.4 中,它也会检查服务器指定的 'etag' 来确定数据没有被修改过。...jsonp 类型:String 在一个 jsonp 请求中重写回调函数的名字。这个值用来替代在 "callback=?"...这种 GET 或 POST 请求中 URL 参数里的 "callback" 部分,比如 {jsonp:'onJsonPLoad'} 会导致将 "onJsonPLoad=?" 传给服务器。...发送数据到服务器 默认情况下,Ajax 请求使用 GET 方法。如果要使用 POST 方法,可以设定 type 参数值。这个选项也会影响 data 选项中的内容如何发送到服务器。
例如,使用Promise API执行异步调用远程服务,但是在发起请求前你并不知道返回的数据对象是什么样子,你可以创建一个Promise对象作为未来某个时间返回的数据对象,在此期间, Promise对象扮演了真实数据的代理角色...promise 如果 x 处于拒绝态,用相同的据因拒绝 promise x 为对象或函数 如果 x 为对象或者函数: 把 x.then 赋值给 then 如果取 x.then 的值时抛出错误 e ,...,以 x 为参数执行 promise 如果 x 不为对象或者函数,以 x 为参数执行 promise 如果一个 promise 被一个循环的 thenable 链中的对象解决,而 [[Resolve]]...此外,在 Promises/A 规范中,由 then 方法生成的 Promise 对象是已执行还是已拒绝,取决于由 then 方法调用的那个回调是返回值还是抛出错误。...在 JQuery 的 Promise 对象的回调中抛出错误是个糟糕的主意,因为错误不会被捕获。
例如,使用Promise API执行异步调用远程服务,但是在发起请求前你并不知道返回的数据对象是什么样子,你可以创建一个Promise对象作为未来某个时间返回的数据对象,在此期间, Promise对象扮演了真实数据的代理角色...promise 如果 x 处于拒绝态,用相同的据因拒绝 promise x 为对象或函数 如果 x 为对象或者函数: 把 x.then 赋值给 then 如果取 x.then 的值时抛出错误 e ,则以...以 x 为参数执行 promise 如果 x 不为对象或者函数,以 x 为参数执行 promise 如果一个 promise 被一个循环的 thenable 链中的对象解决,而 [[Resolve]](...此外,在 Promises/A 规范中,由 then 方法生成的 Promise 对象是已执行还是已拒绝,取决于由 then 方法调用的那个回调是返回值还是抛出错误。...在 JQuery 的 Promise 对象的回调中抛出错误是个糟糕的主意,因为错误不会被捕获。
例如,使用Promise API执行异步调用远程服务,但是在发起请求前你并不知道返回的数据对象是什么样子,你可以创建一个Promise对象作为未来某个时间返回的数据对象,在此期间, Promise对象扮演了真实数据的代理角色...如果 x 处于拒绝态,用相同的据因拒绝 promise x 为对象或函数 如果 x 为对象或者函数: 把 x.then 赋值给 then 如果取 x.then 的值时抛出错误 e ,则以 e 为据因拒绝...x 为参数执行 promise 如果 x 不为对象或者函数,以 x 为参数执行 promise 如果一个 promise 被一个循环的 thenable 链中的对象解决,而 [Resolve] 的递归性质又使得其被再次调用...此外,在 Promises/A 规范中,由 then 方法生成的 Promise 对象是已执行还是已拒绝,取决于由 then 方法调用的那个回调是返回值还是抛出错误。...在 JQuery 的 Promise 对象的回调中抛出错误是个糟糕的主意,因为错误不会被捕获。 最后一个例子揭示了,实现 Promise 的关键是实现好 doResolve 方法,在完事以后触发回调。
在网页上,组织页面(或文档)的对象被组织在一个树形结构中,用来表示文档中对象的标准模型就称为DOM。 ? 获得DOM对象的示例: <!...2.3、DOM转换成jQuery对象 要使用jQuery中的方法与属性就需要把一个JavaScript中的DOM对象转换成jQuery对象。...开发出来的方法就是通过使用选择器—基于元素的属性或元素在HTML文档中的位置,简明地表现元素。 例如,选择器:p a 引用所有嵌套于元素之内的超链接(元素)组。...在JavaScript中使用document对象的getElemnetById(id)方法来获取元素,在jQuery中则更为简化。...在1.4中,JSON就会生成一个JavaScript对象,而script则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。
领取专属 10元无门槛券
手把手带您无忧上云