首页
学习
活动
专区
圈层
工具
发布

jQuery架构设计与实现(2.1.4版本)

市面上的jQuery书太多了,良莠不齐,看了那么多总觉得少点什么 对"干货",我不喜欢就事论事的写代码 我想把自己所学的知识点,代码技巧,设计思想,代码模式能很好的表达出来 所以考虑通过分析...本章总结 第三章:回调模型(完成) 3.1 理解回调函数 3.2 同步与异步中的回调函数 3.3 回调函数与设计模式 3.6 观察者模式 3.6.1 模式定义 3.6.2 适用场合...4.9.1 removeData 4.9.2 jQuery.removeData 4.9.3 jQuery.cleanData 第六章:队列操作 6.1 数据结构中的定义 6.2...与.scrollTop 第十二章:属性操作 12.1 属性与特性 12.2 浏览器的API 12.3 关于jQuery属性钩子 12.4 属性钩子处理的兼容问题 12.4.1 保留值属性名字修正...get 14.2 http协议 14.3 数据处理 14.4 实现一个完整的Ajax 14.5 jQuery.ajax做了那些事?

1.3K51
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JavaScript之事件及动画

    .each() 方法用来迭代jQuery对象中的每一个DOM元素。每次回调函数执行时,会传递当前循环次数作为参数(从0开始计数)。...$("div").data("k",100);//给所有div标签都保存一个名为k,值为100 .data(key): 描述: 返回匹配的元素集合中的第一个元素的给定名称的数据存储的值—通过 .data...$("div").data("k");//返回第一个div标签中保存的"k"的值 .removeData(key): 描述:移除存放在元素上的数据,不加key参数表示移除所有保存的数据。...$("div").removeData("k"); //移除元素上存放k对应的数据 插件 jQuery.extend(object) jQuery的命名空间下添加新的功能。...多用于插件开发者向 jQuery 中添加新函数时使用。 示例: jQuery.extend({ min:function(a, b){return a < b ?

    1.7K50

    jQuery 教程

    ) 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。...GET – 从指定的资源请求数据 POST – 向指定的资源提交要处理的数据 GET 基本上用于从服务器获得(取回)数据。注释:GET 方法可能返回缓存数据。 POST 也可用于从服务器获取数据。...jQuery $.get() 方法 $.get() 方法通过 HTTP GET 请求从服务器上请求数据。...它可注册多个回调函数到回调列表,调用回调列表并且传递异步或同步功能的成功或失败的状态。 延迟对象是可链接的,类似于一个 jQuery 对象可链接的方式,区别于它有自己的方法。...在创建一个 Deferred 对象之后,您可以使用以下任何方法,直接链接到通过调用一个或多个的方法创建或保存的对象。

    21K20

    弹出层之1:JQuery.Boxy (二)

    在《弹出层之1:JQuery.Boxy (一)》中讲到了JQuery.Boxy的基本用法,本次讲下手动创建实例,new一个boxy对象是很容易的,传递一些参数对象就能满足不同的需求了。...支持以下的一些选项参数: •类型 - HTTP方法,默认为GET •缓存 - 如果是true,缓存内容连续通话。相当于缓存选项传递到jQuery的Ajax方法。默认:false。...•过滤 - jQuery的表达式,用于过滤远程内容。...(任何其他指定的选项将被传递到boxy的构造函数中) Boxy.get(element) 返回包含元素的实例,例如:href="#" onclick="Boxy.get(this).hide();...问题是要显示给用户的信息。答案是一个数组或一切可能的回答的数列。回调函数将收到选定的回答,这是否是需要的值或相应的密钥要根据一个数组或答案数列是否已经提供了。

    5.7K20

    从零开始学 Web 之 HTML5(四)拖拽接口,Web存储,自定义播放器

    提供的方法: setItem(key,value) :存储数据,以键值对的方式存储, getItem(key) :获取数据,通过指定名称的key获取对应的value值, removeItem(key)...:删除数据,通过指定名称key删除对应的值, clear() :清空所有存储的内容。...如果想清除,必须手动清除 setItem(key,value):存储数据,以键值对的方式存储 getItem(key):获取数据,通过指定名称的key获取对应的value值 removeItem(key...):删除数据,通过指定名称key删除对应的值 clear():清空所有存储的内容 示例: jQuery中没有提供对视频播放控件的方式,所以如果使用jQuery操作元素,必须将其转为原生 js 的方式来调用这些方法。

    1.9K20

    加点JavaScript魔法

    我可以扩展悬停事件以包含弹出窗口,就是将弹出窗口作为目标元素的子元素,这样悬停事件就会继承。通过查看文档中的弹出选项,可以通过在container选项中传递父元素来完成此操作。...一个引起我注意的是manual模式,在这种模式下,可以通过JavaScript调用手动显示或删除弹出窗口,这种模式可以让我自由地实现悬停逻辑,所以我将使用该选项并实现我自己的悬停事件处理程序,并以我需要的方式工作...我可以通过添加.done(function)来附加一个完成回调函数,所以一旦请求完成,我的回调函数就会被调用。回调函数将接收到的响应作为参数,你可以在上面的代码中看到,我将其命名为data。...同样的逻辑也需要应用于异步请求,所以我添加了第二个子句来放弃我的xhr请求对象(如果存在) 08 弹窗的创建与销毁 最后我使用在Ajax回调函数中传递给我的data参数来创建我的弹窗组件: app/templates...最后,我将Ajax回调函数的data参数作为content参数的值。 popover()调用创建了一个弹窗组件,该组件也具有一个名为popover()的方法来显示弹窗。

    5.7K10

    Python结合jquery Ajax 的实例

    映射或字符串值。规定连同请求发送到服务器的数据。 type: post or get, 请求方式 dataType 可选。规定预期的服务器响应的数据类型。...请求成功时执行的回调函数。 $.ajax()参数说明: url(String):发送请求地址。 type(String):请求方式(POST或GET),默认为GET。...如果不指定,jquery将根据HTTP包MINE信息返回responseXML或responseText,并作为回调函数参数传递。...,jquery将自动替换后一个“?”为正确的函数名,以执行回调函数。 text:返回纯文本字符串。 complete(Function):请求完成后回调函数(请求成功或失败后均调用)。...function(XMLHttpRequest,textStatus){ this; // 调用本次Ajax请求时传递的options参数 } success(Function):请求成功回调函数

    4.6K20

    Ajax 学习总结

    当远程程序未知时 XML 文档是首选 三、案例再实现(使用 JQuery 实现)   案例效果如上,只是实现方式为 JQuery   3.1 JQuery 中 Ajax 的 API     1. load...)     2. load 方法的传递方式根据 load 方法是否传递参数而定,若没有传递参数那么就是 get 请求方式,若有则为 post 请求方式     3....对于必须在完成加载才可以继续的操作,load() 方法提供了回调函数,该函数有三个参数,代表请求返回内容的 data,代表请求状态的 textStatus 对象和 XMLHttpRequest 对象     ...格式的传递参数;响应结束时触发回调函数,其响应结果在函数参数中     5. $.getJSON() -- -- 对于 JSON 传输格式直接使用该方法,参数和 $.get() 方法一样   3.2 HTML...,我们可以利用以上知识实现三级联动,演示如下: ?

    1.9K70

    杨老师课堂之Jquery的筛选,事件,效果,Ajax,javascript跨域)

    (type,[,data],fn); 第1个参数是事件类型,.当然也可以是自定义名称 第2个参数是可选参数,作为event.data属性值传递给事件对象的额外的数据对象 第3个参数则是用来绑定的处理函数...代码 4.2 $.get  发送的就是get请求 jQuery.get(url, [data], [callback],[type]) 通过远程 HTTP GET 请求载入信息。...jQuery.getScript(url, [callback]),通过 HTTP GET 请求载入并执行一个 JavaScript 文件。...•页面初次加载时不需要加载全部的javascript文件,在需要时动态加载 jQuery.getJSON(url, [data], [callback]) 通过 HTTP GET 请求载入 JSON...应用场景:$.get serializeArray()方法 •该方法作用于一个jQuery对象,可以将DOM元素内容序列化为JSON数据格式。

    10.2K20

    利用动态注入HTML的方式来设计复杂页面

    对于一个复杂页面来说,我们也只需要将其设计成一个容器,至于运行过程中动态显示的内容则可以通过Ajax调用获取相应的HTML来填充。...该页面初始状态如左图所示,它仅仅具有一个用于输入查询条件(First Name和Last Name)进行联系人查询的表单。...这个“单页面应用”是通过ASP.NET MVC开发的,接下来我们来逐步介绍如果将同一页面中的这三块不同的内容提取出来进行“分而治之”。...简单起见,我们通过一个静态字段来表示维护的联系人列表。我们仅仅列出了默认的Action方法Index,它会直接将作为“容器页面”的View呈现出来。...),直接通过调用HtmlHelper的Partial方法呈现在当前View中。

    4.3K20
    领券