jQuery 基础教程(第3版) ---第三章习题答案

		//第一题
		$('div.author').bind('click',function(){
			$(this).addClass('selected');
			//console.log(123);
		});
		
		//第二题
		$('h3.chapter-title').dblclick(function(event){
			$(event.target).parent().find('p').toggleClass('hidden');
		});
		
		//第三题
		$(document).keyup(function(event){
			if(event.keyCode==39){//表示按下了向右键
				var s = $('body').get(0).className;
				if(s=='' || s=='default'){
					s='narrow';
				}else if(s=='narrow'){
					s='large';
				}else if(s=='large'){
					s='';
				}
				//类的显示
				$('body').removeClass().addClass(s);
				}
				//按钮选中
				if(s==''){
					setBodyClass('default');
				}else{
					setBodyClass(s);
				}
		});
	
		//第四题
		$('p').mousemove(function(event){
			console.log(event.pageX+" "+event.pageY);
		});
		
		//第五题
		var ob;
		$('p').mouseup(function(){
			if($('p').get(0)==ob){
				$('p').addClass('hidden');
			}else{
				$('p').removeClass('hidden');
			}
		});
		
		$('p').mousedown(function(event){//获取当前的p对象
			//console.log($('p').get(0));
			ob = $('p').get(0);
		});

 

posted @ 2013-11-29 19:20  我只是程序员  阅读(435)  评论(0编辑  收藏  举报