jQuery练习4京东商品详情页面（显示隐藏）

视频

真正难的是设计阶段阶段。

//1. 鼠标移入显示,移出隐藏
/*
1．对哪个/些元素绑定什么监听?
2.对哪个/些元素进行什么DOM操作? 
*/
function showHide() {
  $('[name=show_hide]').hover(function () {
    var id = $(this).attr('id') //当前元素的id
    var subId = id + '_items' //子元素id
    $('#' + subId).show() //显示
  }, function () {
    var id = $(this).attr('id') //当前元素的id
    var subId = id + '_items' //子元素id
    $('#' + subId).hide() //隐藏
  })
}