English
资源说明：在本文中，我们将深入探讨jQuery如何操作HTML列表框（listbox），特别是如何移动选中项。Listbox是一种常见的用户界面元素，它允许用户从多个选项中选择一个或多个项目。在jQuery中，我们可以轻松地对这些元素进行操作，实现自定义功能。
我们要明白jQuery操作listbox的基本思想是通过JavaScript的DOM操作来选取、移动或删除listbox中的选项。在给定的例子中，我们有两个listbox，一个名为`listLeft`，另一个为`listRight`，以及两个按钮，`btnRight`用于将`listLeft`中的选中项移到`listRight`，而`btnLeft`则执行相反的操作。
HTML部分：
```html
```
这里创建了两个有四个选项的select元素，并通过CSS布局将它们并排放置。
接着，我们使用JSON数据结构来动态绑定listbox的选项。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。在本例中，数据结构如下：
```javascript
var vData = {
"datalist": [
{"data": "jQuery", "text": "jQuery"},
{"data": "Asp.net", "text": "Asp.net"},
{"data": "internet", "text": "internet"},
{"data": "Sql", "text": "Sql"}
]
};
```
使用jQuery遍历这个JSON数据，创建listbox的选项：
```javascript
var vlist = "";
jQuery.each(vData.datalist, function(i, n) {
vlist += "";
});
$("#listLeft").append(vlist);
```
这段代码将JSON中的每个对象转化为`
本源码包内暂不包含可直接显示的源代码文件，请下载源码包。
