目录

  • 获取class类三种
    • 方法1
    • 方法2
    • 方法3
  • 最后

获取class类三种

方法1

var divs1 = document.getElementsByClassName('swiper-slide');
console.log(divs1,'divs1');
var divs2 = document.querySelectorAll('.swiper-slide')
console.log(divs2, 'divs2');
var divs3 = $('.swiper-slide');
console.log(divs3, 'divss');

方法2

js设置样式jquery


$('body,html').css('overflow', 'auto')    // 打开滚动条
$('body,html').css('overflow', 'hidden')      // 打开滚动条

方法3

点击事件设置样式

get (e) {e.target.style.border = '1px solid red'}

最后

感觉文章好的话记得点个心心和关注和收藏,有错的地方麻烦指正一下,如果需要转载,请标明出处,多谢!!!

前端js获取div的选择器方法相关推荐

  1. JS获取div高度的方法

    有时在写页面时,需要获取一个div的高度.怎么才能获取呢?哈哈,先上结论.有两种方法. offsetHeight .clientHeight getComputedStyle offsetHeight ...

  2. 前端js获取当前时间的方法

    var time = new Date(); time.getYear(); //获取当前年份 time.getFullYear(); //获取完整的年份(4位,1970-???) time.getM ...

  3. js获取div元素高度和宽度的方法

    前端web页面中,js可以很方便的获取div元素的高度和宽度,那么这篇文章就说一说原生JS与JQ如何快速的获取DIV元素的高度和宽度的方法. js获取div元素高度与宽度的方法 js获取div元素的高 ...

  4. js获取DIV的位置坐标的三种方法!

    js获取DIV的位置坐标的三种方法! 方法一: var odiv=document.getElementById('divid'); alert(odiv.getBoundingClientRect( ...

  5. 【前端用法】html5实现地理位置定位(JS获取当前地理位置的方法)

    本文目录 一.背景描述 二.实现方案 方案一 方案二 一.背景描述 目前在做公司的一个网站,有个需求是:当别人进入网站时自动定位他的地理位置,包括市区,方便给他推荐当前城市的特色信息. 其实,这也是一 ...

  6. JS获取DOM元素的方法

    什么是HTML DOM 文档对象模型(Document Object Model),是W3C组织推荐的处理可扩展置标语言的标准编程接口.简单理解就是HTML DOM 是关于如何获取.修改.添加或删除 ...

  7. html获取位置坐标,js获取元素位置坐标的方法

    用js 获取一个div坐标的方法是什么? js获取DIV的位置坐标的方法大概有两种: 第一种:编辑代码:var odiv=document.getElementById('divid'); alert ...

  8. 在html上js添加宽度,js 获取div高度并重新设置div高度与宽度

    js 获取div高度并重新设置div高度与宽度 js 获取div高度并重新设置div高度与宽度 var $=function(id) { return document.getElementById( ...

  9. php接收键盘事件,js获取键盘事件的方法实例

    本文主要和大家分享js获取键盘事件的方法实例,希望能帮助到大家. document.οnkeydοwn=function(event){ var e = event || window.event | ...

最新文章

  1. Linux查看环境变量当前信息和查看命令
  2. BZOJ 1040 骑士
  3. 关于举办第十五届全国大学生智能汽车竞赛浙江赛区选拔赛的通知(草案)
  4. c语言常用符号与英文,C语言常用符号与英文(7页)-原创力文档
  5. 悖论对计算机科学影响,引力波的发现对计算机科学有什么意义?
  6. BZOJ1925: [Sdoi2010]地精部落
  7. button捕捉回车键
  8. 生成top图_最小生成树(Kruskal和Prim算法)
  9. 计算机应用操作题word,计算机应用基础网考模拟练习题Word部分操作题
  10. 【转】 Pro Android学习笔记(九一):了解Handler(5):组件生命
  11. 你这几天因为 YYYY-MM-dd 被提 BUG 了吗??
  12. 计算机网络笔记(含王道计算机考研课件)
  13. 手游方舟怎么输入代码_方舟秘籍代码详细攻略介绍一览
  14. 软考中级网络工程师全面学习笔记第1版(近4万字)
  15. godot 外部编辑器配置
  16. 第三方支付宝API应用流程
  17. PCL学习笔记3-KdTree
  18. 机器学习笔记04:逻辑回归(Logistic regression)、分类(Classification)
  19. 在自己电脑上建立SVN服务器
  20. AES AES/GCM/NoPadding 加密解密

热门文章

  1. 刚测完Bug,就被开除了····
  2. MC9S12芯片知识相关
  3. 11/27周总结报告
  4. MDS100-16-ASEMI三相电机整流模块
  5. Photoshop CS镜头模糊滤镜:轻松实现背景虚化
  6. Apache Geronimo 介绍
  7. 苹果录屏精灵_iPhone有这么厉害?苹果官方列出20项优点,网友:我怎么没发现?...
  8. EXSI6.7集成阵列卡驱动
  9. 信托公司EAST4.0功能框架
  10. 嵌入式跟踪单元ETB MTB (Micro Trace Buffer )的实现