jQuery

来源：互联网发布：swmm软件下载编辑：程序博客网时间：2024/06/15 18:59

1 : jQuery 是一个 JavaScript 库。jQuery 极大地简化了 JavaScript 编程

2 : 要用jQuery就要导jQuery.js包，如果在其他项目里已经有了这个包，就可以在在要用到该包的项目下建一个叫js文件并把jQuery.js包复制粘贴到js文件下，就导入了包（直接在文件中操作而并不是在idea中操作）。如果直接在idea里面复制粘贴，包有可能没加载到target下，此时jQuery.js可能不会起作用。

3： jQuery 库位于一个 JavaScript 文件中，其中包含了所有的 jQuery 函数。可以通过下面的标记把 jQuery 添加到网页中：<head><scripttype="text/javascript"src="jquery.js"></script></head`>请注意，<script> 标签应该位于页面的 <head> 部分。现在就可以用里面的函数了

4：`<Scripttype="text/javascript"> 代码块</script>

5：ajax

$.ajax({

type:"post", （选择后台的响应的方法，可以是GET 也可以是 POST）

url:"/creatID", （url用来选择那个Servlet来响应，url后面的是Serlet在web.xml中配置的路径，如果想要在url这里给后台传参，url: "/路径?变量名=值"）

data:{

username: $("#username").val(),

password:$("#password").val(),

tel:$("#tel").val(),

addr:$("#addr").val(),

sex:sex1

} data用来给后台传值 data:{ 变量名：值}

success:function (参数名可任意取)

{

代码块

（当从页面传值成功后就会调用该函数，如果后台给页面传值，function必须有参数，如果有参数而后台没传值给页面也会出错）

error:function () {

代码块

}（当从页面传值失败后就会调用该函数） }) })</script>

6：jQuery事件 $("#Id").mousemove(function () { 代码块（当鼠标离开Id所在的input或p标签这后回触发该事件） });

$("#Id").click(function () { 代码块（当鼠标Id所在的按钮这后回触发该事件）}）

7：获取被选中radio的值

var temp = document.getElementsByName("name");

for(var i=0;i<temp.length;i++)

{

if(temp[i].checked)

sex1= temp[i].value;

}

8：改变css的属性 $("p#Id").css("属性","值");，改变Id中p标签中class的属性

9：获取页面中的值document.getElementById("Id").value

10：改变input中text的值$('#Id').val("值");

11：在在js中指定原来未指定显示内容的p标签的显示内容，$("#Id").text("用户名已存在"); Id为p标签中的Id

阅读全文

0 0