jquery - 使用 jQuery 从下拉列表中更改正文类

Question

如何使用 jQuery 从下拉列表中更改 body 类？

Answer 1

$('select').change(function() {
     $('body').addClass($(this).val());
});

如果你谷歌“jQuery 输入更改”，你会找到.change()方法。如果您在 Google 上搜索“jQuery 更改类”，您会遇到多种允许您添加、删除和修改类的方法。

添加一点创造力，*哇哦*你神奇地发明了远远超出爱因斯坦能力的东西。

Google 是开发人员最有价值的工具。拥有权利的同时也被赋予了重大的责任。

Answer 2

$(document).ready(function(){
  // On load

  $('#MyDropDownId').change(function(){ // on change event
    $('body')
    .removeClass() // remove the classes on the body
     // or removeClass('class1 class2 ...') in order to not affect others classes
    .addClass( $(this).val() ); // set the new class
  })

})

假设 ：

<select id="MyDropDownId">
  <option value="class1">First Class</option>
  <option value="class2">2nd Class</option>
</select>

阅读有关JQuery 更改的更多信息

Answer 3

假设你想change the body class on change event of dropdown

现场演示

<select id="dropdownId" >
  <option>class1</option>
  <option>class2</option>
  <option>class3</option>    
</select>

$('#dropdownId').change(function() {
    $('body').attr('class', $(this).val());
});