「备忘」JavaScript 及 jQuery 常用代码

吐槽/反馈/建议:我的咸鱼心  爱发电-@wdssmq

JavaScript 或 jQuery 中各种常用的代码总结;

移除 class,移除属性:

// 移除class,移除属性
$("input").removeClass("hidden").removeAttr("disabled");

「- -」「- -」「- -」「- -」

jQuery 操作 Select:

// https://www.cnblogs.com/shanyou/archive/2011/07/11/2103422.html
// 可直接使用val()方法赋值
$('select').val(2);

「- -」「- -」「- -」「- -」

关于正则分组命名及回调替换:

function fnReplace(html, post_id) {
  const fnRegxCB = function () {
    // console.log(arguments); // 输出全部参数,这个对象并不是数组
    // 转换成数组
    const arrArgs = Array.prototype.slice.call(arguments);
    // 命名分组被放在最后一项中,pop()方法会从原数组中删除最后一项并返回
    const data = arrArgs.pop();
    // 调试输出
    console.log(arrArgs, data);
    // 字符转数字
    post_id = parseInt(post_id);
    data.app_id = parseInt(data.app_id);
    // 取余+3,3<=hash<=9
    const hash = ((post_id + data.app_id) % 7) + 3;
    console.log(hash, post_id + data.app_id);
    return `<a href="${data.url}#${hash}-${post_id}" ${data.attrs}>${data.url}#${hash}-${post_id}</a>`;
  };
  return html.replace(
    /<a href="[^"]+" (?<attrs>[^>]+)>(?<url>https:\/\/app.zblogcn.com\/\?id=(?<app_id>\d+))[^<]*<\/a>/,
    fnRegxCB
  );
  // 不需要回调处理的话是这样↓
  // return html.replace(
  //   /<a href="[^"]+" (?<attrs>[^>]+)>(?<url>https:\/\/app.zblogcn.com\/\?id=(?<id>\d+))[^<]*<\/a>/,
  //   `<a href="$<url>#${post_id}" $<attrs>>$<url>#${post_id}</a>`
  // );
}

「- -」「- -」「- -」「- -」

obj 转网址参数:

// obj转网址参数
const queryString = Object.keys(data)
  .map((key) => key + "=" + data[key])
  .join("&");

「- -」「- -」「- -」「- -」

obj 键值遍历:

// obj键值遍历
Object.keys(req.headers).forEach(function (key) {
  console.log(key, req.headers[key]);
});

「- -」「- -」「- -」「- -」

解除图片防盗链:

// 解除图片防盗链
(() => {
  function $na(e) {
    return document.querySelectorAll(e);
  }
  $na("a img").forEach((el) => {
    el.setAttribute("referrerPolicy", "no-referrer");
    console.log(el.getAttribute("src"));
  });
})();

「- -」「- -」「- -」「- -」

并不常用,只是备忘:

(()=>{
 for (let index = 0; index <= 13; index++) {
   console.log(index,index % 7,Math.abs(index % 7 - 3));
 }
})();

爱发电

本文标题:《「备忘」JavaScript 及 jQuery 常用代码》作者:沉冰浮水
原文链接:https://www.wdssmq.com/post/20201116687.html
特别注明外均为原创,转载请注明。

分享到微信

扫描二维码

可在微信查看或分享至朋友圈。

相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

网站分类

  • 订阅本站的 RSS 2.0 新闻聚合

搜索

本周旧文

nuc 四个口插硬盘都识别不到,有亮灯。。最后试出别插到底。。

绿联的硬盘盒。。另外一个联想的没问题。。

近期观影记录:超级马里奥,死侍与金刚狼。。

搬家也告一段落,虽然搬过来的东西还得归置,新衣柜虽说已经散俩月味儿了,但还是不想放衣服进去。

要不我每年汇总整理一次??碎雨集_沉冰浮水_第1页

所以,不带这条的话,2024 年目前只发了 13 条嘟????

VSCode 内 git 操作卡住的时候没办法主动取消一直是个痛点,一般都是推送或拉取,今天连提交都卡了。。

又一个夏天过去了,所以今年也没买防水鞋套;然后天凉了,为了应对踢被子买了睡袋,不知道 1.2 米会不会略窄。。

《五至七时的克莱奥》,2018 年 6 月加入列表,21 年 11 月底发现 B 站上线了这部,直到前几天才看完,还是分两次看的。。接下来有五项是 2019 年的,都是电影 —— 略长的待办列表。。

有用程序自动抓取自己带 tag 的嘟,然后按年备份后从线上删除;刚发现去年的数据有备份但是没删线上??和本地数据对比后发现线上的还少一条,Why??

本质上,每个人需要的是「让自己面临的问题得到解决」的能力。。

这又涉及到直接能力和间接能力,,缺乏直接能力很正常,视情况可以通过学习来掌握直接能力,或者「请」有直接能力的人来帮自己解决。。

缺乏间接能力的情况是真没救,尤其是对「这是**我自己**面临的问题」这一前提没有明确认知的人。。

爱发电支持者

最新留言

友情链接