为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
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)

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


webp

last()

获取匹配的最后个元素


webp

val()

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


webp

2 属性

html([val|fn])

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

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

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


webp


webp

参数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方法,将它们添加到文档中的情况类似。


webp

4 回调函数

cal.empty()

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

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

jQuery 代码:

// a sample logging function to be added to a callbacks listvar foo = function( value1, value2 ){    console.log( 'foo:' + value1 + ',' + value2 );
}// another function to also be added to the listvar bar = function( value1, value2 ){    console.log( 'bar:' + value1 + ',' + value2 );
}var callbacks = $.Callbacks();// add the two functionscallbacks.add( foo );
callbacks.add( bar );// empty the callbacks listcallbacks.empty();// check to ensure all callbacks have been removedconsole.log( callbacks.has( foo ) ); // falseconsole.log( callbacks.has( bar ) ); // false



作者:一生只为虞美人
链接:https://www.jianshu.com/p/93b895c82fc3


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消