DOM操作和jQuery实现选项移动操作的简单实例

DOM：

  
  
  
    select {
      width: 100px;
      height: 85px;
    }

    div {
      display: inline-block;
      width: 50px
    }
  


     ArgentinaBrazilCanadaChileChinaCubaDenmarkEgyptFranceGreeceSpain
    
      >>
      >
      <
      <<
    
    
    
  

jquery:

  
  
  
  
    select {
      width: 100px;
      height: 85px;
    }

    div {
      display: inline-block;
      width: 50px
    }
  


  
    Argentina
    Brazil
    Canada
    Chile
    China
    Cuba
    Denmark
    Egypt
    France
    Greece
    Spain
  
  
    >
    >>
    <
    <<
  
  
  

  

以上这篇DOM操作和jQuery实现选项移动操作的简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持考高分网。