window.matchMedia

Test de window.matchMedia via Web Tools Weekly http://us5.campaign-archive1.com/?u=ea228d7061e8bbfa8639666ad&id=3732d5c95d&e=b3ea68807f

by 2jddfsjad

HTML

<table>
  <tr>
    <td>Firstname</td>
    <td>Lastname</td> 
    <td>Age</td>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td> 
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td> 
    <td>94</td>
  </tr>
</table>

JavaScript

var MM = window.matchMedia("(max-width: 1000px)"),
    docbody = document.body;

function doMediaCheck () {
  if (MM.matches) {$("td:contains('Lastname')").hide();}
  else {$("td:contains('Lastname')").show();}
}

window.onresize = function () {
  doMediaCheck();
};
doMediaCheck();