jQuery是一套用于JavaScript编程语言的快速,小巧,功能丰富的开源JavaScript库。jQuery极大地简化了DOM操作、事件处理、动画效果和AJAX等Web开发中常见的操作。以下是jQuery的主要功能:

$(document).ready(function(){

// jQuery代码

// 选择元素

$(\"p\") //选择所有p元素

$(\"#id\") //选择id为“id”的元素

$(\".class\") //选择class为“class”的元素

$(\"selector1, selector2, selector3\") //选择多个元素

// 操作元素

$(\"element\").text() //获得或设置元素的文本内容

$(\"element\").html() //获得或设置元素的HTML内容

$(\"element\").attr(\"attributeName\") //获得或设置元素的属性值

$(\"element\").val() //获得或设置表单元素的值

$(\"element\").addClass(\"className\") //添加类名

$(\"element\").removeClass(\"className\") //移除类名

$(\"element\").css(\"propertyName\",\"value\") //设置CSS样式

// 事件处理

$(\"element\").click(function(){}) //鼠标单击事件

$(\"element\").mouseover(function(){}) //鼠标移上事件

$(\"element\").mouseout(function(){}) //鼠标移出事件

$(\"element\").hover(function(){},function(){}) //鼠标移上和移出事件

$(\"element\").bind(\"eventName\",function(){}) //绑定事件

$(\"element\").unbind(\"eventName\",function(){}) //解绑事件

// 效果和动画

$(\"element\").hide() //隐藏元素

$(\"element\").show() //显示元素

$(\"element\").fadeIn() //淡入效果

$(\"element\").fadeOut() //淡出效果

$(\"element\").slideDown() //向下滑动动画

$(\"element\").slideUp() //向上滑动动画

$(\"element\").animate() //自定义动画

// AJAX

$.ajax({}) //发送AJAX请求