jquery标签插件 jquery常用标签

jquery下载及引用

1. 下载：http://jquery.com/
2. 引用：<script src="路径"></script>

2.jQuery核心：$

1. $符号在jQuery中代表对jQuery对象的引用，$==jquery

3.jQuery选择器

基础选择器

b.层次选择器

c.表单选择器

4.jQuery对标签元素的操作：

常用的操作：查找元素、创建节点对象、访问和设置节点对象的值、属性、添加节点、删除节点、删除、添加、修改、设定节点的css样式等

操作元素的属性:如果属性的类型是Boolean，则使用prop(),否则为attr()方法，一般是使用prop()的是checked、selected、disabled。

获取属性:

attr()和prop()获取属性区别：

1. 如果是固有属性，attr()和prop()方法均可获取
2. 如果是自定义属性，attr()可获取，prop()不可获取
3. 如果是返回值是boolean类型的属性
4. 若设置了属性，attr()返回具体的值，prop()返回true；
5. 若未设置属性，attr()返回undefined，prop()返回false；

c.设置属性：attr("属性名"，“属性值”)、prop("属性名"，“性值”)

attr()和prop()区别设置属性：

1. 如果是固有属性，attr()和prop()方法均可操作
2. 如果是自定义属性，attr()可操作，prop()不可操作
3. 如果是返回值是boolean类型的属性
4. 若设置了属性，attr()返回具体的值，prop()返回true；
5. 若未设置属性，attr()返回undefined，prop()返回false；

d.移除属性：removeAttr("属性名")；

c.操作元素的样式：

d.操作元素的内容

e：创建元素

f：添加元素：

注：在添加元素时，如果元素本身不存在(新建的元素，此时会将元素追加到指定位置；如果元素本身存在(已有元素)，会将原来元素直接剪切设置到指定位置

g.删除元素

l.遍历元素：each()

结果：

5.jquery事件

ready加载事件(预加载事件)：ready()类似于onLoad()事件、ready()可以写多个，按顺序执行、$(document).ready(function(){})等价于$(function(){})

b.bind()绑定事件：

绑定单个事件

绑定多个事件：

6.ajax

jquery调用ajax方法：格式：$.ajax({});

参数：

1. type：请求方式GET/POST
2. URL：请求地址url
3. async：是否异步，默认是true表示异步
4. data：发送到服务器的数据
5. dataType：预期服务器返回的数据类型
6. contentType：设置请求头
7. success：请求成功时调用此函数
8. error:请求失败时调用此函数

3.$ajax

$.get

$.post

6.$.getJSON