jQuery常用代码

1.JQuery常用4种加载方式：
a.页面加载完之前执行，与嵌入的JS加载方式一样：
(function($){
alert(‘start’);
})(jQuery);

 b.页面加载后执行：      $(document).ready(function(){           alert('jquery ready);      }); c.页面加载后执行：      $(function(){           alert('jquery onload');      }); d.页面加载后执行：      jQuery(function($){           alert('jQuery ready');      }); 以上这几种加载方式相较于传统的window.onload方式来讲，只需要加载所有的DOM结构，在浏览器把所有的HTML元素（加载外部图片和资源）放入DOM树之前就可以执行JS效果。

2.最短最实用的30段JQuery代码：
a.修改jQuery默认编码（例如默认UTF-8改为GB2312）
$.ajaxSetup({
ajaxSettings:{contentType:”application/x-www-form-urlencoded;chartset=GB2312”}
});

 b.从一个未排序的集合中找出某个元素的索引号 $("ul>li").click(function(){      var index=$(this).prevAll().length;  //prevAll([expr]):查找当前元素之前所有的同辈元素 }); c.检测各种浏览器 检测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')) d.注册和禁用jQuery全局事件 //jQuery注册AJAX全局事件ajaxStart/ajaxStop $(document).ajaxStart(function(){      $('#background,#progressBar").show(); }).ajaxStop(function(){      $('#background.#progressBar").hide(); }); e.使用.siblings()来选择同辈元素： $('#nav li').click(function(){      $(this).addClass('active').siblings().removeClass('active'); }) f.选中页面上的所有复选框： var tog=false; $('a').click(function(){      $("input[type=checkbox]").attr("checked",!tog);      tog=!tog; }); g.解决jQuery与prototype共存时，$全局变量冲突问题： <script src="prototype.js"></script> <script src="jquery.js"></script>      //一定要先引入prototype.js,再引入jquery.js <script src="text/javascript>      jQuery.noConflict(); </script> h.设置IE特有的功能： if($.browser.msie){      // IE下要做的工作 } i.使用jQuery来切换样式表： //找出希望切换的媒体类型（media-type），然后把href设置成新的样式表： $('link[media='screen']').attr('href','alternative.css'); j.在创建元素时，使用对象字面量（literal）来定义属性： var e=$("",{href:"#",class:"a-class another-class",title:"..."}); k.查找已经被选中的option元素： $('#someElement').find('option:selected'); l.判断元素是否绑定了事件： //jQuery event判断元素上是否绑定了事件，此方法只适用于用jQuery绑定的事件 var $events=$("#foo").data("events"); if($events&&events["click"]){      //your code } m.禁用右键单击上下文菜单： $(document).bind('contextmenu',function(e){      return false; }); n.验证某个元素是否为空： if(!$('#keks').html()){      //nothing } 或 if($('#keks').is(":empty")){      //nothing } o.使用jQuery代替某一个元素： $('#id-div').replaceWith('id-replace'); p.隐藏一个包含了某个文本值的元素： $("p.value:contains(id-text-value')").hide(); r.检查某个元素是否存在： if($('#someDiv').length){      //元素存在 } s.把已创建的元素动态地添加到DOM中： var newDiv = $('<div></div>'); newDiv.attr('id','myNewDiv').appendTo('body'); t.在jQuery中克隆一个元素： var id-cloned = $('#somediv').clone(); u.使用closest来取得父元素： $('#searchBox').closest('div'); v.替换字符串中的词： var el = $('#id'); el.html(el.html().replace(/word/ig, ' ')); w.添加html到元素中： $('#lal').append('sometext'); x.判断图像是否已经被完全加载： $('#id-Image').attr('src','image.jpg').load(function(){      alert('This Image Has Benn Loaded'); }); y.基于一些输入文本来过滤一个元素列表： $('.someClass').filter(function(){      return $(this).attr('value')==$('inut#someId').val(); }); z.测试某个元素是否可见： if($(element).is(':visible')){      //该元素是可见的 } aa.把函数绑定到事件上： $('#foo').click(function(event){      alert('User clicked on "foo."'); }); ab.让cookie过期： var date = new Date();      date.setTime(date.getTime()+(x*60*1000)); $.cookie('example','foo',{expires:date}); ac.使用多个属性来进行过滤： var element=$('#someid input[type=sometype][value=somevalue]').get(); ad.创建嵌套的过滤器： .filter(":not(:has(.selected))")