【前端之Jquery操作类名、操作样式、操作属性的基本语法知识】

前端之Jquery操作类名、操作样式、操作属性的基本语法知识

我们常见的Web前端三巨头：HTML、CSS、JS（JavaScript）。
具体请移到【我的专栏】当中的前端——>前端之HTML+CSS；
而在这里我将图文并茂的介绍JS在Vscode中相关功能的运用，希望能够对你们有些帮助。

1. JQuery操作类名
2. JQuery操作样式
3. JQuery操作属性
4. 总结

1.JQuery操作类名

addClass()、removeClass()、toggleClass()

  <div class="a b c d"></div>
<button>切换</button>

1. addClass()
   ==语法: 元素集合.addClass(需要添加的类名) ==

$('div').addClass('e')

2. removeClass()
   语法: 元素集合.removeClass(你要删除的类名)

$('div').removeClass('b')

3. toggleClass()
   语法: 元素集合.toggleClass(你要切换的类名)
   // 语法: 元素集合.toggleClass(你要切换的类名)
   // 切换: 如果本身有这个类名, 那么就是删除, 如果本身没有这个类名, 那么就是添加

var btn = document.querySelector('button')
btn.onclick = function () {
   
  // 执行 jQuery 切换 div 类名的操作
  $('div').toggleClass('box')
}