jQuery选择器 检查网页上某个元素是否存在 不能是 //no if($("#tt")){ //do someting } //yes if($("#tt").length>0){ //do s
jQuery选择器
检查网页上某个元素是否存在
不能是
//no
if($("#tt")){
//do someting
}
//yes
if($("#tt").length>0){
//do soemthing
}
//or yes to dom
if($("#tt")[0])
{
//do something
}
Jquery选择器分为基本选择器，层次选择器，过滤，表单
Next(),nextAll(),siblings()
遇到特殊字符表示时，用//转义 #id//#
DOM
DOM-CORE
HTML-DOM
CSS-DOM
Ajax
Load(url [,data] [,callback])通常获取静态的数据文件
$(“#resText”).load(“test.html .para”);
无参get,有参post
$(“testText”).load(“test.php”,function(){
//…
});
$(“#resText”).load(“test.php”,{name:”rain”,age:”22”},function(){
//….
});
$.get()和$.psot()
$.get(url [,data],[,callback],type)
$(function(){
$("#send").click(function(){
$.get("get1.php",{
username:$("#username").val(),
content: $("#content").val()
},function(data,textStatus){
$("#restText").html(data);
});
})
})
$(function(){
$("#send").click(function(){
$.get("get1.php",{
username:$("#username").val(),
content: $("#content").val()
},function(data,textStatus){
var usrename=$(data).find('comment').attr('username');
var content=$(data).find("comment content").text();
var textHtml="<div class='comment'><h6>"+username+":</h6><p class='para'>"
+content+"</p></div>"
$.("restText").html(textHtml);
});
})
})
//第四个参数json表示服务端返回的数据格式
$(function(){
$("#send").click(function(){
$.get("get1.php",{
username:$("#username").val(),
content: $("#content").val()
},function(data,textStatus){
var usrename=data.username
var content=data.content;
var textHtml="<div class='comment'><h6>"+username+":</h6><p class='para'>"
+content+"</p></div>"
$.("restText").html(textHtml);
},"json");
})
})
//动态加载需要时的js,$.getScript也有回调函数
$(function(){
$("#send").click(function){
$.getScript('test.js');
};
})
//$.getJson()
$(function(){
$("#sned").click(function(){
$.getJSON("test.json",function(data){
$("#restText").empty();
var html='';
$.each(data,function(commentIndex,comment){
html+='<div class="comment"><h6>'+'comment['username']'+
':</h6><p class="para">'+comment['content']+'</p></div>'
});
$("#restText").html(html);
});
});
})
设置引入的js的编码格式
<script type="text/javascript" src ="/rm/js/test.js" charset="utf-8"/>
$.ajax()的使用。。。。。
$.ajax({
async : true,
tpe : "POST",
timeout : 10000,
url : "/rm/test.do",
data : {
front : "test"
},
// 预期服务器返回的数据类型json,jsoup,text,script,html,xml
dataType : "json",
// 请求之前做一些参数的设置，返回false取消本次操作
beforeSend : function(XMLHttpRequest) {
console.log("before ajax set some options.....");
return true;
},
complete : function(XMLHttpRequest, textStatus) {
console.log("ajax request complete.....");
},
// 成功后的回调函数
success : function(data, textStatus) {
$.each(data, function(i, item) {
var name = item.name;
var sex = item.sex;
var age = item.age;
var address = item.address;
var phone = item.phone;
$("#table1").append(
"<tr><td>" + name + "</td><td>" + sex + "</td><td>" + age
+ "</td><td>" + address + "</td><td>" + phone
+ "</td></tr>")
});
},
error : function(XMLHttpRequest, textStatus, errorThrown) {
console.log(textStatus);
},
global : true
});
$.each()方法的使用
//处理数组
var arr1=[["a","b","c"],["d","e","f","h"]];
var text="";
$.each(arr1,function(i,item){
$.each(item,function(j,t){
text+=t+j;
})
});
//处理json
var arr1={"a":"aa","b":"bb","c":"vv"};
var text="";
$.each(arr1,function(i,item){
text+=i+item;
});
//处理DOM元素
ar text="";
$.each($("input:hidden"),function(i,item){
text+=i+item.name+item.value;
})
//0[object HTMLInputElement]1[object HTMLInputElement]2[object HTMLInputElement]3[object HTMLInputElement]
