jquery

jQuery 是一个 JavaScript 函数库。

jQuery 是一个轻量级的"写的少，做的多"的 JavaScript 库。

JS 在不同浏览器中存在着大量的兼容性问题，目前 jQuery 兼容于所有主流浏览器, 包括 Internet Explorer 6

jQuery 事件

jQuery 是为事件处理特别设计的。页面对不同访问者的响应叫做事件。

事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。

例如：

1.在元素上移动鼠标。2.选取单选按钮3.点击元素

常用的jQuery事件方法

$(document).ready() 方法允许我们在文档完全加载完后执行函数。

click() 方法是当按钮点击事件被触发时会调用一个函数。

该函数在用户点击 HTML 元素时执行。

实例：

$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});

hover()方法用于模拟光标悬停事件。

当鼠标移动到元素上时，会触发指定的第一个函数(mouseenter);当鼠标移出这个元素时，会触发指定的第二个函数(mouseleave)。

实例：

$(document).ready(function(){
$("#p1").hover(
function(){
alert("你进入了 p1!");
},
function(){
alert("拜拜! 现在你离开了 p1!");
}
)
});

当元素获得焦点时，发生 focus 事件。

当通过鼠标点击选中元素或通过 tab 键定位到元素时，该元素就会获得焦点。

focus() 方法触发 focus 事件，或规定当发生 focus 事件时运行的函数：

实例：

$(document).ready(function(){
$("input").focus(function(){
$(this).css("background-color","#cccccc");
});
$("input").blur(function(){
$(this).css("background-color","#ffffff");
});
});

jQuery设置内容

text() - 设置或返回所选元素的文本内容

html() - 设置或返回所选元素的内容（包括 HTML 标记）

val() - 设置或返回表单字段的值

text()、html() 以及 val()，同样拥有回调函数。回调函数有两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。

jQuery attr() 方法也用于设置/改变属性值。jQuery 方法 attr()，也提供回调函数。回调函数有两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。

jQuery获取并设置CSS

addClass() - 向被选元素添加一个或多个类

removeClass() - 从被选元素删除一个或多个类

toggleClass() - 对被选元素进行添加/删除类的切换操作

css() - 设置或返回样式属性

jQuery ajax方法

AJAX 是一种与服务器交换数据的技术，可以在不重新载入整个页面的情况下更新网页的一部分。

$()函数是JQuery()函数的别称。$()函数用于将任何对象包裹成JQuery对象，接着你就被允许调离定义在JQuery对象上的多个不同方法。你可以将一个选择器字符串传入$()函数，它会返回一个包含所有匹配的DOM元素数组的JQuery对象

$.ajax() 执行异步 AJAX 请求

$(this) 和 this 关键字在 jQuery 中有何不同？　

　　$(this) 返回一个 jQuery 对象，你可以对它调用多个 jQuery 方法，比如用 text() 获取文本，用val() 获取值等等。而 this 代表当前元素，它是 JavaScript 关键词中的一个，表示上下文中的当前 DOM 元素。你不能对它调用 jQuery 方法，直到它被 $() 函数包裹，例如 $(this)。

 jQuery选择器

　(1)、基本选择器：#id，class,element,*;

　　(2)、层次选择器：parent > child，prev + next ，prev ~ siblings

　　(3)、基本过滤器选择器：:first，:last ，:not ，:even ，:odd ，:eq ，:gt ，:lt

　　(4)、内容过滤器选择器： :contains ，:empty ，:has ，:parent

　　(5)、可见性过滤器选择器：:hidden ，:visible

　　(6)、属性过滤器选择器：[attribute] ，[attribute=value] ，[attribute!=value] ，[attribute^=value] ，　　　　　　　　　[attribute$=value] ，[attribute*=value]

　　(7)、子元素过滤器选择器：:nth-child ，:first-child ，:last-child ，:only-child

　　(8)、表单选择器： :input ，:text，:password ，:radio ，:checkbox ，:submit 等；

　　(9)、表单过滤器选择器：:enabled ，:disabled，:checked ，:selected

jQuery中get和post提交方式有什么不同？

　　1、请求方式不同：$.get() 方法使用GET方法来进行异步请求的。$.post() 方法使用POST方法来进行异步请求的。

　　2、参数传递方式不同：get请求会将参数跟在URL后进行传递，而POST请求则是作为HTTP消息的实体内容发送给Web服务器的，这种传递是对用户不可见的。

　　3、数据传输大小不同：get方式传输的数据大小不能超过2KB 而POST要大的多

　　4、安全问题： GET 方式请求的数据会被浏览器缓存起来，因此有安全问题。