前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >js替换jquery的方法

js替换jquery的方法

作者头像
码客说
发布2019-10-21 17:15:00
5.9K0
发布2019-10-21 17:15:00
举报
文章被收录于专栏:码客

前言

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

对象合并

jquery

代码语言:javascript
复制
$.extend(true,a,b)

js

代码语言:javascript
复制
Object.assign(a,b)

获取元素

jquery

代码语言:javascript
复制
$("#aa");
$(".aa");
$("span");

js

代码语言:javascript
复制
document.querySelector("#aa");
document.querySelector(".aa");
document.querySelector("span");
  • querySelector 匹配指定 CSS 选择器的第一个元素。 如果没有找到,返回 null。如果指定了非法选择器则 抛出 SYNTAX_ERR 异常。

属性获取与赋值

jquery

代码语言:javascript
复制
$(".aa").attr("data-url");
$(".aa").attr("data-url","www.psvmc.cn");

js

代码语言:javascript
复制
document.querySelector(".aa").getAttribute("data-url");
document.querySelector(".aa").setAttribute("data-url","www.psvmc.cn");

样式

jquery

代码语言:javascript
复制
$(".aa").css({cursor: 'crosshair'});

js

代码语言:javascript
复制
document.querySelector(".aa").style.cursor='crosshair';

获取宽高

jquery

代码语言:javascript
复制
$(".aa").width;
$(".aa").height;
$("#aa").offset().left;
$("#aa").offset().top;

js

代码语言:javascript
复制
document.querySelector(".aa").offsetWidth
document.querySelector(".aa").offsetHeight
document.querySelector("#aa").offsetLeft
document.querySelector("#aa").offsetTop
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-08-20,如有侵权请联系 cloudcommunity@tencent.com 删除

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • 对象合并
  • 获取元素
  • 属性获取与赋值
  • 样式
  • 获取宽高
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档