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

来源:互联网 发布:数控车凸圆弧编程实例 编辑:程序博客网 时间:2024/05/17 09:34

使用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"";
0 0