jQuery的使用及轉(zhuǎn)化

//1.jq如何使用

//$("選擇器").動(dòng)作()

//console.log($("#myDiv"));

//console.log(document.getElementById("myDiv"));

/*

js操作

var arr = document.getElementsByTagName("p");

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

? ? arr[i].innerHTML = "aaa";

} */

/*

jq操作

var arr = $("#myDiv").children();

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

? ? arr[i].innerHTML = "aaa";

} */

//2.js原生對(duì)象和jq對(duì)象的相互轉(zhuǎn)化

//jq對(duì)象-->js原生對(duì)象

var jqObj = $("#myDiv");

var jsObj = jqObj[0];

console.log(jsObj);

//js原生對(duì)象-->jq對(duì)象

var jsObj2 = document.getElementById("myDiv");

var jqObj2 = $(jsObj2);

console.log(jqObj2);

//3.測(cè)試一個(gè)對(duì)象是js原生對(duì)象還是jq對(duì)象，只需使用一下屬性即可

jQuery的Ajax使用方式

//async:是否異步請(qǐng)求

//data:發(fā)送到服務(wù)器的數(shù)據(jù)

//dataType:預(yù)期服務(wù)器返回?cái)?shù)據(jù)的類型

function testAjax() {

? ? $.ajax({

? ? ? ? url:"hiservlet",

? ? ? ? type:"get",

? ? ? ? async:true,

? ? ? ? data:{aaa:"bbb",ccc:"ddd",fav:"1",fav:"2"}, //"aaa=bbb&ccc=ddd"

? ? ? ? dataType:"json",

? ? ? ? success:function(data){

? ? ? ? ? ? console.log(data.aaa);

? ? ? ? }

? ? })

? ? $("#results").append( "<tt>" + $("form").serialize() + "</tt>" );

}