jQuery使用的简单总结

一、基本语法

通过jQuery可以获取相应的HTML元素，并执行一些操作，格式如下：

$(selector).action()
1

下面举一个实例：

$('p').hide()
1

分析：

1. $(‘p’)表示获取了html中的所有

   元素

2. hide()将选择元素隐藏。

二、选择器(元素获取)

1. 通过id获取，如下：

$('#text').hide()
1

获取所有id等于text的元素

2. 通过class类名来获取，如下：

$('.text').hide()
1

获取类名为text的元素

3. 通过标签来获取，如下：

$('p').hide()
1

获取所有

标签的元素

三、事件

此处列举常用的几个事件：

//点击事件
$('#btn1').click(function(){
    //点击之后执行function
});


//双击事件
$('#btn2').dblclick()(function(){
    //双击之后执行function
});


//鼠标穿过
$("#p1").mouseenter(function(){
    //鼠标穿过执行该方法
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

上面例子中的function为回调方法，表示当事件完成后执行的方法。

四、对Cookie的操作

jQuery为我们提供了操作cookie的插件，我们可以下载插件，也可以使用CDN，这里不做说明。

1. 创建cookie

$.cookie('name', 'value', { expires: 7, path: '/text' });
1

'name':cookie名

'value':cookie值

'{ expires: 7, path: '/text' }':cookie属性的设置。expires表示cookie存活日期，以天为单位，path表式允许访问该cookie的顶级路径，也就是说只有path以及path的子路径可以访问该cookie。

cookie还有其它两个属性：

domain：允许访问的域名，默认值为创建 cookie 的网页所拥有的域名

secure：默认值为false。如果为 true，cookie 的传输需要使用安全协议（HTTPS）。

2. 获取cookie

$.cookie('name');
1

获取名字为name的cookie

3. 删除cookie

$.removeCookie('name');
1

删除名字为name的cookie，删除成功返回true

五、Ajax方法

$.ajax()

用于处理AJAX请求

基本语法如下：

$.ajax({name:value, name:value, ... })
1

括号中的常用键值对如下：

url:规定发送请求的 URL。默认是当前页面。

type:规定请求的类型(post或get)

contentType:发送数据到服务器时所使用的内容类型。默认是：“application/x-www-form-urlencoded”。

dataType:预期的服务器响应的数据类型。

success(result,status,xhr):当请求成功时运行的函数,其中result为请求方法执行后的返回值。

具体内容参考下面这个表：

$.get()

$.get() 方法使用 HTTP GET 请求从服务器加载数据。

$.get(URL,data,function(data,status,xhr),dataType)
1

$.post()

$.post() 方法使用 HTTP POST 请求从服务器加载数据。