新手：如何隐藏和显示在我的情况下使用jQuery？

我是jQuery中的新手。我有一个的index.html页，新手：如何隐藏和显示在我的情况下使用jQuery？

<body> 
    <div id="content"> 
</body>

我想，当加载页面的功能，“内容”区域显示一个列表：

<div id="my-list"> 
    <select id="carlist" size="10"> 
      <option>BMW</option> 
      <option>TOYOTA</option> 
      <option>SKODA</option> 
    </select> 
</div>

当用户从列表中选择一辆车选项，列表“my-list”消失（隐藏），并且图像将为，在content区域显示为。

这隐藏了选择域并在同一个“content”区域显示图像。

如何在jQuery中做到这一点？

我想：

var mylist=$('#my-list'); 
mylist.change(function(){ 
    mylist.hide() 
    SOMEIMAGE.show() 
}

但是，在界定 “my-list” 和image是在同一个 “content” 区域？如何实现这一切？

来源

2011-05-11 Leem

var mylist=$('#carlist'); 
mylist.change(function(){ 
    mylist.hide(); 
    var container = mylist.parent(); 
    container.find('img').remove(); 
    container.append('<img src="x.jpg" />'); 
}

来源

2011-05-11 08:46:34 Nathan

mylist = $('#my-list'); 
mylist.change(function(){ 
    mylist.hide(); 
    container = $('#content'); 
    container.html('<img ... />'); 
)};

有多种方式，但是，以显示新的内容，与append()例如，如果你不想覆盖内<div id="content" />所有的HTML代码，或者使用功能toggle()或者show()和hide()如果<img />已经在那里。你也必须考虑知道哪个选项被选中在change()函数内，并相应地采取行动。

来源

2011-05-11 08:52:45

新手：如何隐藏和显示在我的情况下使用jQuery？

回答

相关问题