Javascript 在JS中切换div问题

大家好，我有一个JS函数在JQuery中切换div：

$(function() {
    $('#changer').change(function(){
        if ($(this).val() == "3") {
            $('#divchange').show();
        } else {
            $('#divchange').hide();
        }
    });
});

---

但是，当页面加载div时，当值不是3时，div不会隐藏，如果我在下拉列表中更改值，div会相应地显示和隐藏-是否有办法检查加载时#changer的值，如果它不等于3，则隐藏div？

是。只需在页面加载时手动触发

change

事件：

$('#changer').change(function() {
    // ...
}).change();

---

对。只需在页面加载时手动触发

change

事件：

$('#changer').change(function() {
    // ...
}).change();

尝试这样做：

$('#changer').trigger('change');

尝试这样做：

$('#changer').trigger('change');

这样做：

$(function() {
    $('#changer').change(function(){
        if ($(this).val() == "3") {
            $('#divchange').show();
        } else {
            $('#divchange').hide();
        }
    }).trigger('change');
});

这样做：

$(function() {
    $('#changer').change(function(){
        if ($(this).val() == "3") {
            $('#divchange').show();
        } else {
            $('#divchange').hide();
        }
    }).trigger('change');
});

试试这个：

隐藏默认的div

$(document).ready(function(){
$('#divchange').hide();
});

$(function() {
$('#changer').change(function(){        
    if ($(this).val() == "3") {
        $('#divchange').show();
    } else {
        $('#divchange').hide();
    }
});
});

希望这有帮助。

试试这个：

隐藏默认的div

$(document).ready(function(){
$('#divchange').hide();
});

$(function() {
$('#changer').change(function(){        
    if ($(this).val() == "3") {
        $('#divchange').show();
    } else {
        $('#divchange').hide();
    }
});
});

希望这有帮助。

$（'divchange'）。toggle（this.value='3'）

将使其成为一行代码。$（'divchange'）。toggle（this.value='3'）将使其成为一行代码