jquery

一、jquery 方法

$(document).ready(function(){//简写$(function(){})
  $("p").click(function(){
    $(this).hide();
    $(this).show();
  });
});

二、jquery选择器

1)基本选择器
标签选择器：$("div")
id选择器：$("#test")
class选择器:$(".test")$(".intro.demo")
2)属性值选择
带href属性的元素    $("[href]")
href属性值为#的元素$("[href='#']")
href属性值不为#的元素$("[href!='#']")
href属性值以.jpg结尾的元素    $("[href$='.jpg']")
特殊属性用:
:hidden 隐藏的元素
:visible 可见的元素
:text type为text的input元素
:enabled 激活单元素
:disabled 禁用的元素
:selected 被选中的select元素
:checked 被选中的单选或复选元素
3)位置选择
:first第一个
:last最后一个
:even所有偶数
:odd所有基数
:eq(index)第index元素
:gt(no)大于no元素
:lt(no)小于no元素
jquery方法

三、Ajax提交

$.ajax({
    url:"http://www.microsoft.com", //请求的url地址
    dataType:"json", //返回格式为json
    async:true,//默认为true异步，设为false提交请求后页面被锁定
    data:{"id":"value"}, //参数值
    type:"GET", //请求方式
    beforeSend:function(){
        //请求前的处理
    },
    success:function(req){
        //请求成功时处理
    },
    complete:function(){
        //请求完成的处理
    },
    error:function(){
        //请求出错处理
    }
});

 load( url, [data], [callback] ) ：载入远程 HTML 文件代码并插入至 DOM 中。
url (String) : 请求的HTML页的URL地址。
data (Map) : (可选参数) 发送至服务器的 key/value 数据。
callback (Callback) : (可选参数) 请求完成时( 不需要是success的)的回调函数。
这个方法默认使用 GET 方式来传递的，如果[data]参数有传递数据进去，就会自动转换为POST方式的。jQuery 1.2 中，可以指定选择符，来筛选载入的 HTML 文档，DOM 中将仅插入筛选出的 HTML 代码。语法形如 "url #some > selector"。
这个方法可以很方便的动态加载一些HTML文件，例如表单。
示例代码：
$(".ajax.load").load("[url]http://www.cnblogs.com/QLeelulu/archive/2008/03/30/1130270.html[/url] .post",
        function (responseText, textStatus, XMLHttpRequest){
        this;//在这里this指向的是当前的DOM对象，即$(".ajax.load")[0]    
        //alert(responseText);//请求返回的内容
        //alert(textStatus);//请求状态：success，error
        //alert(XMLHttpRequest);//XMLHttpRequest对象
});
 

jQuery.get( url, [data], [callback] )：使用GET方式来进行异步请求

 jQuery.post( url, [data], [callback], [type] ) ：使用POST方式来进行异步请求