上周学习了Javascript,只是学习了点皮毛而已。这周学习了Jquery.学习到了Jquery操作Dom节点。然后。。然后学习到了隐藏和显示标签。于是想尝试能不能写的出京东商城的那个商品筛选功能。

那个筛选功能如图:


Jquery实现详细与精简的切换(实现更多选项的功能)_第1张图片


由于刚学习。所以技术不精。这里只实现以下两个功能

  1. 更多选项。点击切换收起选项。

  2. 点击条目在上面显示已点击条目。

首先是Html代码:这里主要的代码是:


			笔记本
品牌:
  • 联想
  • 索尼
  • 三星
  • 尼康
  • 松下
  • 卡西欧
  • 富士
  • 柯达
  • 宾得
  • 理光
  • 奥林巴斯
  • 明基
  • 爱国者
  • AAA
  • 明基
  • 爱国者
  • BBBB
  • 明基
  • 爱国者
  • 其它