js+jquery+ajax+html基础知识点

1.js

①变量：var  i = 10;

②选择器：              id：document.getElementById("id").innerHTML("谢谢")。。。。给选中元素赋值"谢谢"

                             class : document.getElementByClassName("class");

                name选择器：document.getElementByName("name");

③函数：function   haha(){}

④页面跳转：window.location.href="www.baidu.com"

                       window.history.back(-1);返回上页面

                       window.open("想要跳转的页面")

注意：JSP如果在WEB-INF下，不能直接跳转，需要通过controller跳转

2.html常用的事件

①onClick: 点击事件

②onchange:输入的字段改变的时候

③onmouseover：鼠标移动到HTML元素的时候

④onmouseout：鼠标移走事件

⑤onfocus：当输入框获得焦点的时候

3.jquery:是一个JS库，极大的简化了JS编程

①$(function(){

});   页面加载完函数

②选择器

id选择器：$("#adc")

class类选择器：$(".abc")

元素选择器：$("div")

通配选择器：$("*")

基本过滤选择器：$("div:first") ：选择所有div元素的第一个

属性过滤选择器：$("div[id]") ：选择所有含有id属性的div

内容过滤选择器：$("span：empty")：选择所有元素为空的span

子元素过滤选择器：

③绑定事件

$("#id").click(function(){

})

④设置内容

text（）：设置或获取文本内容

html（）：设置或获取html内容

val（）：设置或获取表单的值

4.ajax：异步，局部刷新

$.ajax({

  url:

async:fase(表示异步，页面加载要等ajax执行完)

dataType:（服务器返回的数据类型，一般是JSON）

success:function(data){

}

})