jQuery笔记

Books

《jQuery Mobile》 完
《jQuery Mobile快速入门》 完
《jQuery 高级编程》 完
《jQuery UI 开发指南》 看完
《jQuery 用户界面库学习指南》 看完
《jQuery 权威指南》 看完（好书）
《jQuery 实战》 看完
《jQuery 攻略》 看完
《锋利的 jQuery》 看完
《巧用 jQuery》 看完
《Mobile JavaScript Application》
《精彩绝伦的 jQuery》 看完
《精通 JS 脚本之jQuery框架》 看完
《超实用的jQuery代码段》 看完
《jQuery技术内幕 深入解析jQuery架构设计与实现原理》 看完

Code

//数组操作
$(function(){
	var members = ["John", "Steve", "Ben", "Damon", "Ian"];
	members = $.map(members, function(n,i){ return (i+1 +"."+n);});//n 为对象，i 为索引
	$("p").html(members.join("<br />"));
});

//数组过滤
$(function(){
	var members = ["John", "Steve", "Ben", "Damon", "Ian"];
	$("p.allmen").html(members.join("<br />"));
	members = $.grep(members, function(v){ return v.length > 4;});//n 为对象，i 为索引
	//members=$.grep(members,function(v)return v.match(/^[A-D]/));  正则过滤
	$("p.selected").html(members.join("<br />"));
});

//数组正则过滤
$(function(){
	var members =["John", "Steve", "Ben", "Damon", "Ian"];
	$("p.allmen").html(members.join("<br />"));
	members = $.grep(members, function(v){ return v.match(/^[A-D]/)});
	$('p.selected').html(members.join("<br />"));
});
//排序
$(function(){
	var menbers = [34,45,23,3,44];
	$('p.allmen').html(members.join("<br/>"));
	members = members.sort(function(a,b){
		return a - b;
	});
	$("p.sorted").html(members.join("<br/>"));
});
//模拟触发事件
$(function(){
	$("button").trigger("click");
});
//键盘键码
$(function(){
	$(".infobox").keypress(function(event){
		$('p').text('键入的字符是：'+String.fromCharCode(event.keyCode));
	});
});
//外包装表情
$(function(){
	$("span").wrap("<strong></strong>");
	$("span").wrap(function(){
		return $(this).is(".foo") ? "<strong>":"<em>";
	});
});
//集合外包装
$(function(){
	var div = $("<div>",{"css":{"background-color":"yellow"}});
	$("p").wrapAll(div);
});
//删除外包裹标签
$(function(){
	$("span").unwrap();
});
//ajax 异步
$(function(){
	$.ajaxSetup({
		type:"POST",
		url:"ajaxHandler.ashx",
		error:function(xmlHttpRequest,status,err){
		alert('服务器繁忙或出错！');
		console.log(xmlHttpRequest);
		console.log(err);}
	});
});
//插件
(function($){
jQuery.showidePlugin = function(options){
	var defaults = {
		numShown:10,
		showText: 'Show More Links',
		hideText: 'Hide Links'
	}
	var options = $.extend(defaults,options);
	
	return this.each(function(){
		var o = options;
		var obj = $(this);
		//确定项数并计算被隐藏项的数目
		var pLength = obj.children().length;
		var numHidden = pLength - o.numShown;
		var pList = obj.Children();
		//设置显示/隐藏链接
		var shLink = "<a href=# class=view>" +  o.showText + "</a>";
		if(pLength o.numShown){
			jQuer> y(shLink).insertBefore(obj);
		}
		pList.each(function(index){
			if(index < o.numShown){
				jQuery(pList[index]).show(0;
			}else{
				jQuery(pList[index].text() == o.showText){
					jQuery(this).text(o.showText);
				}else{
					jQuery('.hidden').toggle();
					return false;
				}
			}
		});
	});
};
})(jQuery);