Question

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

Answer 1

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

如果你谷歌“jQuery输入更改”，你会发现.change()方法。如果你谷歌搜索“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 Change

Answer 3

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

<强> Live Demo

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

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

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

3 个答案: