jQuery --- > 简单操作合集

// 获取所有<p>元素
$("p");

// 获取一个ID为myDiv的<div>元素
$("div#myDiv");

// 获取所有type属性等于"text"的<input>元素
$("input[@type=text]");

// 获取所有p元素并隐藏它们
$("p").hide();

// 获取ID为myDiv的<div>元素,然后将其字体改为Arial
$("div#myDiv").css("font-family", "Arial");

// 获取所有的文本框,并将它们的宽度设置为400像素
$("input[@type=text]").width("400px");

// 执行GET请求
$.get(url, function(sData,sStatus ){
    alert(sStatus + ":" + sData);
});

// 带查询的GET请求
$.get(url, { name: "value" }, function (sData, sStatus) {
    alert(sStatus + ":" + sData);
});

// GET示例
function requestCustomerInfo() {
    var sId = $("input#txtCustomerId").val();
    $.get(url + sId, displayCustomerInfo);
}

function displayCustomerInfo(sText, sStatus) {
    if (sStatus == "success") {
        $("div#divCustomerInfo").html(sText);
    } else {
        $("div#divCustomerInfo").html("An error occurred.");
    }
}
// POST 类似

// $.ajax()方法
$.ajax({
    type:"GET",  // 请求的类型GET或POST
    url: "", // 请求发往的URL
    dataType: "json",  // 返回到页面数据的格式
    success:     // 成功后执行的回调
    error:  // 失败后执行的回调
})