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){

}

})

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章