<html lang="en">

<head>

   <meta charset="UTF-8">

   <meta http-equiv="X-UA-Compatible" content="IE=edge">

   <meta name="viewport" content="width=device-width, initial-scale=1.0">

   <title>attr-prop</title>


   <style>  </style>

</head>

<body>



   <select name="" id="">

       <option value="">科比</option>

       <option value="">韦德</option>

       <option value="" selected="selected">邓肯</option>

       <option value="">吉诺比利</option>

       <option value="" selected="selected">艾佛森</option>

   </select>


   <button id="btn">按钮</button>


   <script src="../zepto.js"></script>

   <script src="../touch.js"></script>


   <script>

       $(function(){


           $('option').each(function(index,item){

               // console.log(index,item)


               // console.log($(this).attr('selected'));  // undefined || selected

               console.log($(this).prop('selected'));

           })


           $('#btn').on('touchstart',function(){

               $(this).prop('disabled',true)


               setTimeout(function(){

                   $('#btn').removeAttr('disabled')

               },1000)

           })

       })

   </script>


</body>

</html>