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

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)

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


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

last()

获取匹配的最后个元素


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

val()

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


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

2 属性

html([val|fn])

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

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

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


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

后端开发必备JQuery常用知识点
参数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方法,将它们添加到文档中的情况类似。


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

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
上一篇:Eclipse luan(Eclipse4.4)tomcat(无法显示)插件安装不了的解决方法


下一篇:flash版本更新导致shopex后台上传图片无效的问题