后端开发必备JQuery常用知识点

简介: function getReportID2NameMap() { var cache; $.ajax({ type: 'GET', url: "GetNodeId2NameMap",//请求接口 async: false,//发送同步请求,请将此选项设置为 false。
function getReportID2NameMap() {
    var cache;
    $.ajax({
        type: 'GET',
        url: "GetNodeId2NameMap",//请求接口
        async: false,//发送同步请求,请将此选项设置为 false。同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。
        dataType: "JSON",//预期服务器返回的数据类型
        success: function (data) {//请求成功后的回调函数
            // 参数:由服务器返回,并根据 dataType 参数进行处理后的数据;描述状态的字符串。
            cache = data;
        }
    });
    return cache;
}

jQuery.each(object, [callback])

通用遍历方法,可用于遍历对象和数组。
可遍历任何对象。
回调函数拥有两个参数

  • object:需要遍历的对象或数组
  • callback:每个成员/元素执行的回调函数。如果需要退出 each 循环可使回调函数返回 false,其它返回值将被忽略

1 筛选

find(expr|obj|ele)

搜索所有与指定表达式匹配的元素。是找出正在处理的元素的后代元素的好方法。


img_87835a12d4d563d8a64935ff1c5d5909.png

last()

获取匹配的最后个元素


img_1747001d47984626f9cc3b231de7929d.png

val()

返回第一个匹配元素的 value 属性的值。


img_650afe43975942fc47767de680fe2f85.png

2 属性

html([val|fn])

  • 概述
    取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
    在一个 HTML 文档中, 我们可以使用 .html() 方法来获取任意一个元素的内容。 如果选择器匹配多于一个的元素,那么只有第一个匹配元素的 HTML 内容会被获取。

attr(name|properties|key,value|fn)

设置或返回被选元素的属性值。


img_6401ca34f442433b001f749f65cbc9dd.png

img_122e7f7259defcaf29fae082b86934e3.png
参数name 描述:
返回文档中所有图像的src属性值。
jQuery 代码:
$("img").attr("src");

参数properties 描述:
为所有图像设置src和alt属性。
jQuery 代码:
$("img").attr({ src: "test.jpg", alt: "Test Image" });

参数key,value 描述:
为所有图像设置src属性。
jQuery 代码:
$("img").attr("src","test.jpg");

参数key,回调函数 描述:
把src属性的值设置为title属性的值。
jQuery 代码:
$("img").attr("title", function() { return this.src });

3 文档处理

append(content|fn)

向每个匹配的元素内部追加内容。
这个操作与对指定的元素执行appendChild方法,将它们添加到文档中的情况类似。


img_91fa250f10a9e47724357ecca233b18d.png

4 回调函数

cal.empty()

  • 概述
    从列表中删除所有的回调.

  • 示例
    描述:
    使用 callbacks.empty() 清空回调列表:

jQuery 代码:

// a sample logging function to be added to a callbacks list
var foo = function( value1, value2 ){
    console.log( 'foo:' + value1 + ',' + value2 );
}

// another function to also be added to the list
var bar = function( value1, value2 ){
    console.log( 'bar:' + value1 + ',' + value2 );
}

var callbacks = $.Callbacks();

// add the two functions
callbacks.add( foo );
callbacks.add( bar );

// empty the callbacks list
callbacks.empty();

// check to ensure all callbacks have been removed
console.log( callbacks.has( foo ) ); // false
console.log( callbacks.has( bar ) ); // false
目录
相关文章
|
2天前
|
缓存 安全 API
后端开发中的API设计原则与实践
在数字化时代的浪潮中,后端开发作为技术架构的核心,承载着数据交互与业务逻辑的重要职责。本文深入探讨了API设计的艺术与科学,从RESTful原则到安全性考量,再到性能优化的实践策略,旨在为后端开发者提供一套全面的API设计指南。通过具体案例分析,文章揭示了良好API设计对于提升系统可维护性、扩展性和用户体验的重要性,同时指出了常见设计陷阱与应对策略,为后端开发领域的专业人士提供了宝贵的参考和启示。
17 0
|
2天前
|
Kubernetes 监控 开发者
探索后端开发中的微服务架构实践
在现代软件开发领域,微服务架构作为一种灵活、可扩展的后端解决方案,正逐渐取代传统的单体式架构。本文将深入探讨微服务的设计理念、实施策略及其在企业级应用中的具体应用案例,旨在为读者提供一套系统的微服务实践指南。通过对比分析微服务与单体架构的性能差异,结合具体数据和案例研究,本文揭示了微服务在提高系统可维护性、可扩展性和敏捷性方面的优势。最后,文章讨论了微服务实施过程中可能遇到的挑战及解决策略,为后端开发者提供了宝贵的参考和启示。
|
3天前
|
Kubernetes 搜索推荐 开发者
探索后端开发的未来之路:微服务架构与容器化技术
随着云计算技术的不断成熟和普及,后端开发领域正经历着前所未有的变革。本文将深入探讨微服务架构和容器化技术如何重塑后端开发的面貌,提升系统的可扩展性、灵活性和可靠性。通过分析现代后端系统面临的挑战,我们将展示微服务和容器化如何提供解决方案,并预测这些技术如何塑造后端开发的未来发展。
19 3
|
12天前
|
缓存 算法 API
深入理解后端开发中的缓存策略
【7月更文挑战第15天】缓存是提高后端系统性能和扩展性的关键机制之一。本文将深入探讨后端开发中缓存的应用,包括缓存的基本原理、类型、以及在实际应用中的策略。我们将从缓存的定义开始,逐步介绍缓存在数据库查询、API响应和分布式系统中的优化作用。通过实例分析常见的缓存模式,如LRU、LFU和FIFO,并讨论它们在不同场景下的适用性。最后,文章还将涵盖缓存一致性问题和解决方案,帮助读者构建高效且可靠的后端系统。
|
3天前
|
消息中间件 监控 Kubernetes
后端开发中的微服务架构实践与挑战
在数字化时代的浪潮下,后端开发不断演化,微服务架构应运而生,成为解决复杂系统设计问题的一种新范式。本文将深入探讨微服务架构的核心概念、实施策略以及面临的主要技术挑战,同时结合具体案例分析其在实际开发中的应用效果和价值体现,旨在为后端开发人员提供一套系统的微服务实践指南和思考框架。
|
10天前
|
Kubernetes API 开发者
探索现代后端开发中的微服务架构
【7月更文挑战第17天】本文深入探讨了微服务架构在现代后端开发中的应用,分析了其设计原则、优势以及面临的挑战。通过具体实例,展示了如何有效实施微服务架构,并讨论了相关技术栈的选择。文章旨在为后端开发者提供微服务实施的指导和最佳实践。
|
6天前
|
敏捷开发 消息中间件 监控
探索后端开发中的微服务架构
本文深入探讨了微服务架构在后端系统设计中的关键作用,分析了其优势、挑战与实施策略。通过比较传统单体应用与微服务的异同,文章阐述了微服务如何促进敏捷开发和持续交付,同时指出了在采用微服务时可能遇到的技术债务和管理复杂性问题。结合具体案例,本文为读者提供了关于如何有效实施微服务的实用建议。 【7月更文挑战第21天】
|
9天前
|
消息中间件 运维 API
探索后端开发中的微服务架构实践
本文将深入探讨微服务架构在后端开发中的应用,包括其设计原则、优势与挑战。通过对具体案例的分析,我们将了解如何在实际项目中有效实施微服务,以及如何克服实施过程中的常见问题。文章旨在为后端开发人员提供一套微服务架构的实践指南,帮助他们构建更加灵活、可扩展的系统。
22 1
|
2天前
|
敏捷开发 运维 负载均衡
探索后端开发中的微服务架构:优势与挑战
本文深入探讨了微服务架构在后端开发中的应用,分析了其设计原则、技术优势及面临的主要挑战。通过对比传统单体架构,我们揭示了微服务如何促进敏捷开发和持续交付,同时指出了在采用微服务过程中可能遇到的复杂性和治理问题。文章旨在为后端开发者提供一份微服务实践的指南,帮助他们在架构选择上做出更明智的决定。 【7月更文挑战第24天】
|
11天前
|
消息中间件 API 开发者
探索后端开发中的微服务架构实践
本文将深入探讨微服务架构在后端开发中的应用,分析其优势与面临的挑战,并提供实践中的解决方案。通过具体的案例研究,我们旨在为开发者提供一套可行的微服务实施策略,以促进高效、可扩展的后端系统建设。
17 0