短而实用的jQuery代码

（1）修改jQuery默认编码

  $.ajaxSetup({

      ajaxSettings:{contentType:"application/x-www-form-urlencoded";charset=GB3212"}

  });

（2）从一个未排序的集合中找出某个元素的索引号

$("ul >li").click(function(){

   var i=$(this).prevAll().length();

});

注：prevAll() 获得当前匹配元素集合中每个元素的前面的同胞元素

（3）检测各种浏览器

检测safari：（if($.browser.safari))

检测IE6及之后版本：（if($.browser.msie&&$.browser.version>6))

检测IE6及之前版本：(if($browser.msie && $.browser.version>=6))

检测FireFox2及之后版本：(if ($.browser.mozilla && $.browser.version>='1.8'))

（4）注册和禁用jquery全局事件

$(document).ajaxStart(function(){

  $("#background,#progressBar").show();

}).ajaxStop(function(){

 $("#background,#progressBar").hide();

});

（5）使用.siblings()来选择同辈元素

 $('#nav li').click(function(){

    $(this).addClass('active').siblings().removeClass('active');

});

（6）选中页面上所有的复选框

var t=false;

$('a').click(function(){

 $("input[type=checkbox]").attr("checked",!t);

  t=!t;

});

（7）解决jQuery与prototype共存时，$全局变量冲突问题

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

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

<script type="text/javascript">

  jQuery.noConflict();

</script> 

注：使用 noConflict() 方法为 jQuery 变量规定新的名称；一定要先引入prototype.js，再引入jquery.js

（8）设置IE特有的功能

 if（$.browser.msie){

 //

}

（9）使用jQuery来切换样式表

//找出希望切换的媒体类型(media-type)，然后把或热敷设置成新的样式表

 $("link[media='screen']).attr("href","a.css”);

（10）在创建元素时，使用对象字面量来定义属性

var e=$(" ",{href:"#",class:"a-class another-class",title :"..."}); 

（11）查找已经被选中的option元素

$('#someElement').find(‘option:selected');

（12）判断元素是否绑定了事件

 var $events=$("#fo").data("events");

if($events&&events["click"]){

//   }

（13）禁用右键单击上下文菜单

$(document).bind('contextmenu',function(e){

  return false;

});

（14）验证某个元素是否为空

例一：if( !$('#ss').html()){

}

例二：if($('#ss').is(":empty")){

}

（15）使用jQuery来代替一个元素

$('#div').replaceWith('id-replace');

（16）隐藏一个包含了某个文本值的元素

$('p.value:contains('id-text-value')").hide();

（17）检查某个元素是否存在

if($('#somediv').length){

}

（18）把已创建的元素动态地添加到DOM中

var newDiv=$('<div></div>');

newDiv.attr('id','myNewDiv').appendTo('body');

（19）在jQuery中克隆一个元素

var id-cloned=$(’#somediv‘).clone（);

（20）使用closest来取得父元素

$('#seartch').closest('div');

（21）替换字符串中的词

var rl=("#id");

rl.html(rl.html().replace(/word/ig,‘ ’));

（22）添加html到元素中

$('#lal').append('sometext');

（23）判断图像是否已经被完全加载

$(‘#id-image’). attr('src','image.jpg').load(function(){

   alert('ii');

});

（24）基于一些输入文本来过滤一个元素列表

 $('.someClass").filter(function(){

  return $(this).attr('value')==$('input#someld').val();

});

（25）测试某个元素是否可见

if($(element).is(":visible")){ 

 // }

（26）把函数绑定到事件上

$('#foo').click(function(event){

   alert("hjnjhj");

});

（27）让cookie过期

 var date=new  date( );

date.setTime(date.getTime( )+(x*60*1000));

$.cookie('example','foo',{expires:date});

（28）使用多个属性来进行过滤

var elements=$('#sommeid input[type=sometype][value=somevalue]').get( );

（29）创建嵌套的过滤器

 .filter(":not(:has(.selected))")