zoukankan      html  css  js  c++  java
  • 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);
    		});
    
  • 相关阅读:
    shell命令--stat
    英文段子
    OCP读书笔记(16)
    shell命令--uptime
    OCP读书笔记(15)
    shell命令--dmesg
    OCP读书笔记(14)
    shell命令--hostname
    OCP读书笔记(13)
    shell命令--uname
  • 原文地址:https://www.cnblogs.com/wanlxz/p/3450190.html
Copyright © 2011-2022 走看看