Jquery显示/隐藏div元素，具体取决于加载的特定页面元素

我想让Jquery检测某个div id是否加载到当前页面，然后隐藏另一个div id元素，例如：

<div id="A1">some content here</div> //initially this div is visible
<div id="C1" style="display: none;">some content here</div> //initially this div is invisible
<div id="B1">some content here</div>

此处的某些内容//最初此div可见
此处的某些内容//最初此div不可见
这里有一些内容

如果Jquery检测到#B1已加载到当前页面，则隐藏#A1并显示#C1

---

非常感谢

我假设您在加载文档后加载div，

$(function () {
    if ($('#B1').length) {
        $('#A1').hide();
        $('#C1').show();
    }
});

所以

如果您不使用jQuery，则可以在#B1元素上实现

onreadystatechanged

。 其他明智的做法是在文件准备就绪的情况下进行， $（函数（）{
$（'#A1“）.hide（）； $（“#C1”）.show（）；}）

if ($("#B1").length > 0) {
  $("#A1").hide();
  $("#C1").show();
}

$('#B1').load('ajax/test.html', function() {
  $('#A1').hide();
  $('#C1').show();

});