Jquey整理资料

Jquery 资料
jQuery 入口函数:
$(document).ready() 方法允许我们在 文档完全加载完后 执行函数。

$(document).ready(function(){
// 执行代码
});
或者
$(function(){
// 执行代码
});

Jquery选择器：

1、元素选择器:   $(‘p’)
2、.Class选择器:  $(‘.class)
3、#Id选择器:    $(‘#id’)

Jquery事件
事件格式：

$(“.class”).click(function(){
// 执行代码
})

Jquery常用事件有：
Click() 点击事件; dbclick() 双击事件; mouseenter() 鼠标进入;
mouseleave() 鼠标离开; mousedown() 鼠标按下; mouseup() 鼠标松开;
hover() 鼠标悬停； focus()获取焦点； blur() 失去焦点；
显示隐藏
hide() 隐藏 show()
您可以使用 toggle() 方法来切换 hide() 和 show() 方法。
淡入淡出
fadeIn() 淡入 fadeOut() 淡出 fadeToggle() 淡入淡出切换
fadeTo() 方法允许渐变为给定的不透明度（值介于 0 与 1 之间）。
滑动
slideDown() 向下滑动 slideUp() 向上滑动 slideToggle() 上下滑动切换

动画 animate({params},speed,callback);
speed 速度(1.slow :缓慢的 2.fade：快速的 3.毫秒） callback 回调
.animate({left:’25px’,top:’12px’},’slow’,function(){})

停止动画
.stop()
获取和修改内容 属性
.html()内容（包括 HTML 标记） .text()文本内容 .val() input标签value
.attr() 标签属性
添加元素
元素内部添加：.append() 在末尾插入内容 .prepend() 在开头插入内容
元素外部添加：.after() 在元素之后添加 .before() 在元素之前添加
删除元素和内容
.remove() 删除元素及其子元素 .empty() 删除子元素
添加和删除class类名
.addClass() 添加类名 removeClass() 删除类名 toggleClass() 添加和删除切换
修改CSS样式
.css() 修改单个样式.css(“background-color”,“yellow”)
修改多个样式 .css({“background-color”:“yellow”,“font-size”:“200%”})
元素尺寸
Width() height() 元素宽度和高度 （不包括内边距，边框，外边距）
innerWidth() innerHeight() 元素宽度和高度 （包括内边距）
outerWidth() outerHeight() 元素宽度和高度 （包括内边距和外边距）
遍历
1、.parent() 父亲元素 .parents() 所有祖先元素
.parentsUntil() 介于两者间的所有祖先元素 例子：$(‘span’).parentsUntil(‘div’) 介于span和div之间的所有祖先元素
2、.children() 子元素 find() 查找元素
3、siblings() 兄弟元素 .next() 相邻的下一个元素 .nextAll() 后面的所有元素
prev() 相邻的上一个元素 prevAll() 之前的所有元素

4、.first() 内部第一个元素 last() 内部最后一个元素
eq() 指定的索引 filter() 匹配满足条件的元素 not() 匹配不满足条件的元素
Ajax

 $.ajax({
             type: "GET",  //请求方式 GET和POST
             url: "test.json", // 数据请求链接  
             data: { // 请求参数
		username:$("#username").val(),
		 content:$("#content").val()
		},  
             dataType: "json", 
             success: function(data){
                         // 成功返回
		console.log(data)
                      },
	   Error : function (error) {
		// 错误返回
		Console.log(error)
		}

    });