使用jQuery的时候首先要引入jQuery文件,代码如下:
<script language="javascript" src="jQuery的js文件路径"></script>
在jQuery中 符号代表着jQuery对象,如果 符号和别的包的符号冲突了,可以使用下面的方法来更改:
var jq = $.noConflict();
如上书代码,以后否可以直接使用jq来代替 符号了。下面说说语法,仍然是用 符号代替jQuery对象
$(selector).action()
selector代表着选择器
- 页面元素 需用“”引起来,如 (“p”)、 (“div)、$(“form”)。
- 特定的id,需要#+id名,如$(“#id名”)。
- 特定的class,需要.+class名,如$(“.class名”)
action()值得是被选中的元素要执行的动作。
$(document).ready(function(){})//意思是页面加载完成后执行function()
下面介绍一下 jQuery中的ajax功能,
get方法:
$.get(URL,callback);
URL:要加载的地址
callback:页面加载完成后要调用的函数
$("button").click(function(){
$.get("demo_test",function(data,status){
alert("Data: " + data + "\nStatus: " + status);
});
});
上面试一个例子,例子中demo_test要加载的路径,function(data,status)就是要加载完成页面之后执行的函数。其中data是加载demo_test后的返回值,status状态。
demo_test输出返回值的方法如下:
在后端:
PrintWriter out = response.getWriter();
out.print(obj);
若在页面:
response.write("");
post方法
$.post(URL,data,callback);
和get相似data指的是向调用路径传递的参数。下面是例子:
$("button").click(function(){
$.post("demo_test_post.asp",
{
name:"Donald Duck",
city:"Duckburg"
},
function(data,status){
alert("Data: " + data + "\nStatus: " + status);
});
});
后台接受:
request.getParameter("");