js替换jquery的方法

码客说

发布于 2019-10-21 17:15:00

7.4K0

文章被收录于专栏：码客码客

前言

现在jquery越来越没落了，但是我们的老项目还在用jquery，要更换就必须了解哪些和jquery等效的js方法。

对象合并

jquery

$.extend(true,a,b)

js

Object.assign(a,b)

获取元素

jquery

$("#aa");
$(".aa");
$("span");

js

document.querySelector("#aa");
document.querySelector(".aa");
document.querySelector("span");

querySelector 匹配指定 CSS 选择器的第一个元素。如果没有找到，返回 null。如果指定了非法选择器则抛出 SYNTAX_ERR 异常。

属性获取与赋值

jquery

$(".aa").attr("data-url");
$(".aa").attr("data-url","www.psvmc.cn");

js

document.querySelector(".aa").getAttribute("data-url");
document.querySelector(".aa").setAttribute("data-url","www.psvmc.cn");

样式

jquery

$(".aa").css({cursor: 'crosshair'});

js

document.querySelector(".aa").style.cursor='crosshair';

获取宽高

jquery

$(".aa").width;
$(".aa").height;
$("#aa").offset().left;
$("#aa").offset().top;

js

document.querySelector(".aa").offsetWidth
document.querySelector(".aa").offsetHeight
document.querySelector("#aa").offsetLeft
document.querySelector("#aa").offsetTop

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2019-08-20，如有侵权请联系 cloudcommunity@tencent.com 删除

jquery

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

jquery

登录后参与评论

0 条评论

热度

js替换jquery的方法

js替换jquery的方法

前言

对象合并

获取元素

属性获取与赋值

样式

获取宽高

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐