jquery常用函数及技巧(持续更新)

// 丑陋
$("div.data .gonzalez");

// 优化后
$(".data td.gonzalez");

$('div.someclass :radio'); // 差
$('div.someclass input:radio'); // 棒

var $myList = $("#list-container > ul").detach();
//...一大堆对$myList的处理
$myList.appendTo("#list-container");

break         用return false
continue     用return ture或者return

var o = {
    type: "object",
    test: function(event) {
        console.log(this.type);
    }
};

$("#button")
  .on("click", o.test) // 无输出
  .on("click", $.proxy(o.test, o)) // object

<script type="text/javascript"
  src="//code.jquery.com/jquery-1.11.0.min.js">
</script>
<script>
window.jQuery ||
  document.write(
    '<script src="js/jquery-1.11.0.min.js" type="text/javascript"><\/script>'
  );
</script>

$('body').nodeType
// undefined
$('body') instanceof jQuery
// true

$('button') .on('click.myNamespace', function() { console.log('a'); }); 
$('button') .on('click.myNamespace2', function() { console.log('b'); }); 
$('button').trigger('.myNamespace2');