jQuery 实用小结~~(java实用的)

本文介绍了如何引入jQuery库,并展示了基本的选择器和操作方法。此外还详细解释了如何使用jQuery实现AJAX请求,包括GET和POST两种方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

使用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"";
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值