jQuery的使用及转化
//1.jq如何使用
//$("选择器").动作()
//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原生对象和jq对象的相互转化
//jq对象-->js原生对象
var jqObj = $("#myDiv");
var jsObj = jqObj[0];
console.log(jsObj);
//js原生对象-->jq对象
var jsObj2 = document.getElementById("myDiv");
var jqObj2 = $(jsObj2);
console.log(jqObj2);
//3.测试一个对象是js原生对象还是jq对象，只需使用一下属性即可
jQuery的Ajax使用方式
//async:是否异步请求
//data:发送到服务器的数据
//dataType:预期服务器返回数据的类型
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>" );
}
