1 : jQuery 是一个 JavaScript 库。jQuery 极大地简化了 JavaScript 编程
2 : 要用jQuery就要导jQuery.js包,如果在其他项目里已经有了这个包,就可以在在要用到该包的项目下建一个叫js文件并把jQuery.js包复制粘贴到js文件下,就导入了包(直接在文件中操作而并不是在idea中操作)。如果直接在idea里面复制粘贴,包有可能没加载到target下,此时jQuery.js可能不会起作用。
3: jQuery 库位于一个 JavaScript 文件中,其中包含了所有的 jQuery 函数。可以通过下面的标记把 jQuery 添加到网页中:<head><script type="text/javascript" src="jquery.js"></script></head`>请注意,<script> 标签应该位于页面的 <head> 部分。现在就可以用里面的函数了
4:`<Script type="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