(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))")