Jquery常用技巧和方法

核心提示：}2) 打开一个打印的窗口 Print this page$('a.print').click(function(){ window.print(); return false; });3 禁止表单使用回车键 $("#form").keypress(function(e) {

}

2) 打开一个打印的窗口


Print this page
$('a.print').click(function(){
window.print();
return false;
});

3 禁止表单使用回车键


$("#form").keypress(function(e) {
if (e.which == 13) {
return false;
}
});

4 全选和反选checkbox


<div class="options">

• Select All
  
  
• Reset All
  
  

<input type="checkbox" id="option1" /><label for="option1">Option 1</label>
<input type="checkbox" id="option2" /><label for="option2">Option 2</label>
<input type="checkbox" id="option3" /><label for="option3">Option 3</label>
<input type="checkbox" id="option4" /><label for="option4">Option 4</label>
</div>
$('.select-all').live('click', function(){
$(this).closest('.options').find('input[type=checkbox]').attr('checked', true);
return false;
});

$('.reset-all').live('click', function(){
$(this).closest('.options').find('input[type=checkbox]').attr('checked', false);
return false;
});

5 平均分各个列
有的时候,需要在表格中让各个列等分,可以这样

var max_height = 0;
$("div.col").each(function(){
if ($(this).height() > max_height) { max_height = $(this).height(); }
});
$("div.col").height(max_height);

6 将所有的连接用新建窗口打开


$('a[@rel$='external']').click(function(){
this.target = "_blank";
});

/*
Usage:
catswhocode.com
*/