【Java学习20170427】jQuery

jQuery

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>











	
欢迎来到宏达国际
	
欢迎来到share科技
	
欢迎来到24楼
	轻轻点我

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

















	
普通显示隐藏

	
你觉得我帅吗
	
	

	

	

	


	
设置了速度的显示隐藏
	
我就知道你会夸我帅
	
	

	

	

	


	
设置了速度的显示隐藏和执行完成后要执行的函数
	
一直夸我吧
	
	

	

	


	
使用toggle()来显示隐藏
	
你看我脸都红了
	

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>























	
演示带有不同参数的 fadeIn() 方法。
	

	点击这里，使三个矩形淡入
	

	

	

	

	

	

	


	

	

	

	

	
演示带有不同参数的 fadeOut() 方法。
	点击这里，使三个矩形淡出
	

	

	

	

	

	

	


	

	

	

	



	
演示带有不同参数的 fadeToggle() 方法。
	点击这里，使三个矩形淡入淡出
	

	

	

	

	

	

	


	

	

	

	


	
演示带有不同参数的 fadeTo() 方法。
	点击这里，使三个矩形淡出
	

	

	

	

	

	

	

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>





















	

		
快点夸我帅
		
不要停
	

	
请点击这里

	

	

	

	


	

		
来，快点夸我帅
		
不要停
	

	
请点击这里


	

	

	

	


	

		
一直夸我帅
		
一直夸
	

	
请点击这里

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>








































	开始动画
	
它把 
 元素移动到左边，直到 left 属性等于 250 像素为止
	
注意：默认情况下，所有 HTML 元素的位置都是静态的，并且无法移动。如需对位置进行操作，记得首先把元素的 CSS
		position 属性设置为 relative、fixed 或 absolute。
	

	

	

	

	

	

	开始动画
	
生成动画的过程中可同时使用多个属性
	
注意：默认情况下，所有 HTML 元素的位置都是静态的，并且无法移动。如需对位置进行操作，记得首先把元素的 CSS
		position 属性设置为 relative、fixed 或 absolute。

	

	


	

	

	

	

	开始动画
	
也可以定义相对值（该值相对于元素的当前值）。需要在值的前面加上 += 或 -=
	
注意：默认情况下，所有 HTML 元素的位置都是静态的，并且无法移动。如需对位置进行操作，记得首先把元素的 CSS
		position 属性设置为 relative、fixed 或 absolute。

	

	

	

	

	

	

	开始动画
	
可以把属性的动画值设置为 "show"、"hide" 或 "toggle"
	
注意：默认情况下，所有 HTML 元素的位置都是静态的，并且无法移动。如需对位置进行操作，记得首先把元素的 CSS
		position 属性设置为 relative、fixed 或 absolute。

	

	
	

	

	

	

	开始动画
	
使用队列功能
	
注意：默认情况下，所有 HTML 元素的位置都是静态的，并且无法移动。如需对位置进行操作，记得首先把元素的 CSS
		position 属性设置为 relative、fixed 或 absolute。

	

	

	

	

	

	


	开始动画
	
练习效果
	

		你好

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>



















	
	
通过text()、html()、val()以及attr属性显示内容
	

		这是段落中的粗体文本。
	
	显示文本
	显示 HTML


	

	

	

	

	

		姓名：
	
	显示值
	

	

	

	


	

		点击这里跳转到百度
	
	显示 href的值
	

	

	

	



	
	
通过text()、html()、val()以及attr属性设置内容
	
老唐好帅
	
老唐好瘦
	

		请输入： 
	
	设置文本
	设置 HTML
	设置值
	

	

	

	


	

		点击这里跳转到百度
	
	改变 href值

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>












	
jQuery remove() 方法删除被选元素及其子元素。
	

		一个div
		
这是一个div
		
这是一个黄色的div
	
	

	删除 div 元素
	

	

	

	

	
jQuery empty() 方法删除被选元素的子元素。
	

		一个div
		
这是一个div
		
这是一个红色的div
	

	

	清空 div 元素

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>












	
标题 1
	
标题 2
	
这是一个段落。
	
这是另一个段落。
	
这是非常重要的文本！
	

	向元素添加类

<%@ page language="java" import="java.util.*"
	contentType="text/html; charset=utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>












	
请点击下面的按钮，通过 jQuery AJAX 改变这段文本。
	获得外部的内容


	

	

	

	



	

		
使用 jQuery AJAX 来改变文本
	
	获得外部内容