javaee之JQuery练习二

query的事件样式和动画效果


query除了有强大的选择器之外，它的事件管理也是相当不错的。比如说对样式的管理，动画的淡入淡出等，同时使用jQuery来对
AJAX的实现也方便了不少


①、样式

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>






  
    
    
    
    
    
    
  
  
  
  	中国城市：

    

    	
北京
    	
上海
    	
广州
    	
深圳
    	
香港
    
    


    美国城市：

    

    	
华盛顿特区
    	
纽约
    	
洛杉矶
    	
芝加哥
    
    


    德国城市：

    

    	
慕尼黑
    
    

    


    

    
    
    
    
    
    
    
    
  

②、事件

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>






  
    
    
    
    
    
    
  
  
  
  	

  		

  		鼠标放上来图片不显示，鼠标移开图片再次显示
  		


  		
  		


  		鼠标的相对位置为：
  	
    

    


    

    
    
    
    
    
    
    
    
  

③、动画

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>






  
    
    
    
    
    
  
  
  
    

    	
①
    	

    		
②
    		
③
    	
   	
    

    

    

    
    
    
    
    
    
    
    
    
    
  

  

④、AJax

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>






  
    
    
    
  		
  
  
  
  
  
  

  

接下来做了一个综合的动画案例和事件案例
一、动画案例

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>






 
    
    
    
    
    
  
  
  
    

    	

    		

    			华为
    		
    		

    			小米
    		
    		

    			三星
    		
    		

    			苹果
    		
    		

    			魅族
    		
    		

    			诺基亚
    		
    		

    			vivo
    		
    		

    			OPPO
    		
    		

    			BlackBerry
    		
    		

    			努比亚
    		
    		

    			联想
    		
    		

    			索尼
    		
    		

    			酷派
    		
    		

    			HTC
    		
    	
    	
更多
   	
  

二、事件案例

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>




  
    
    
	
	
	    
	
	
	
	
	
	
	
  
  
  
    

    	

    		
选择
    		
编号
    		
用户名
    		
密码
    		
年龄
    		
住址
    		
操作
    	
    	

    		

    		
全部删除
    	
    
    
    

    

    

    	

    		
编号
    		

    	
    	

    		
用户名
    		

    	
    	

    		
密码
    		

    	
    	

    		
年龄
    		

    	
    	

    		
住址
    		

    	
    	

    		

    		
    		
    		
    	
    
    
  

通过学习jQuery和ajax这三天来我又掌握多了一项技能，在web开发中，前端的大多数都是采用jQuery和ajax来制作，所以学习这些有必要