元素$（"[href$='.jpg']"）
所有带有以".jpg"结尾的属性值的href属性
$（"div#intro.head"）
id="intro"的
元素中的所有class="head"的元素
jQuery事件函数
$（document）.ready（function（）{//防止页面加载时直接调用
$（"button"）.click（function（）{//定义某控件的事件{执行操作}
$（"p"）.hide（）;
}）;
}）;
Thisisaheading
Thisisaparagraph.
Thisisanotherparagraph.
jQuery事件
Event函数
绑定函数至
$（document）.ready（function）
将函数绑定到文档的就绪事件（当文档完成加载时）
$（selector）.click（function）
触发或将函数绑定到被选元素的点击事件
$（selector）.dblclick（function）
触发或将函数绑定到被选元素的双击事件
$（selector）.focus（function）
触发或将函数绑定到被选元素的获得焦点事件
$（selector）.mouseover（function）
触发或将函数绑定到被选元素的鼠标悬停事件
jQuery名称冲突
jQuery使用$符号作为jQuery的简介方式。
某些其他JavaScript库中的函数（比如Prototype）同样使用$符号。
jQuery使用名为noConflict（）的方法来解决该问题。
varjq=jQuery.noConflict（），帮助您使用自己的名称（比如jq）来代替$符号。
varjq=jQuery.noConflict（）;
jq（document）.ready（function（）{
jq（"button"）.click（function（）{
jq（"p"）.hide（）;
}）;
}）;
Thisisaheading
Thisisaparagraph.
Thisisanotherparagraph.
Clickme
jQuery滑动函数-slideDown,slideUp,slideToggle
//向下，向上，切换
$（selector）.toggle（speed,callback）
speed参数可以设置这些值：
"slow","fast","normal"或毫秒。
Callback参数完成操作后继续执行其他操作。
$（document）.ready（function（）{
$（".flip"）.click（function（）{
$（".panel"）.slideToggle（"slow"）;
}）;
}）;
div.panel,p.flip
{
margin:
0px;
padding:
5px;
text-align:
center;
background:
#e5eecc;
border:
solid1px#c3c3c3;
}
div.panel
{
height:
120px;
display:
none;
}
W3School-领先的Web技术教程站点
在W3School，你可以找到你所需要的所有网站建设教程。
请点击这里
jQueryFade函数-fadeIn（）,fadeOut（）,fadeTo（）
//透明度递增，透明度递减，指定透明度
$（selector）.fadeIn（speed,callback）
$（selector）.fadeOut（speed,callback）
$（selector）.fadeTo（speed,opacity,callback）
speed参数可以设置这些值：
"slow","fast","normal"或毫秒。
opacity参数规定减弱到给定的不透明度。
Callback参数完成操作后继续执行其他操作。
jQuery自定义动画
$（selector）.animate（{params},[duration],[easing],[callback]）
//$（selector）.animate（{CSS属性},{播放速度},{easing},{后续操作}）
CSS属性如：
animate（{width:
"70%",opacity:
0.4,marginLeft:
"0.6in",fontSize:
"3em"}）;
实例：
$（document）.ready（function（）{
$（"#start"）.click（function（）{
$（"#box"）.animate（{height:
300},"slow"）;
$（"#box"）.animate（{width:
300},"slow"）;
$（"#box"）.animate（{height:
100},"slow"）;
$（"#box"）.animate（{width:
100},"slow"）;
}）;
}）;
jQuery效果
函数
描述
$（selector）.hide（）
隐藏被选元素
$（selector）.show（）
显示被选元素
$（selector）.toggle（）
切换（在隐藏与显示之间）被选元素
$（selector）.slideDown（）
向下滑动（显示）被选元素
$（selector）.slideUp（）
向上滑动（隐藏）被选元素
$（selector）.slideToggle（）
对被选元素切换向上滑动和向下滑动
$（selector）.fadeIn（）
淡入被选元素
$（selector）.fadeOut（）
淡出被选元素
$（selector）.fadeTo（）
把被选元素淡出为给定的不透明度
$（selector）.animate（）
对被选元素执行自定义动画
jQueryCallback函数
$（document）.ready（function（）{
$（"button"）.click（function（）{
$（"p"）.hide（1000,function（）{//为callback使用方法
alert（"Theparagraphisnowhidden"）;
}）;
}）;
}）;
Hide
Thisisaparagraphwithlittlecontent.
jQueryHTML操作
函数
描述
$（selector）.html（content）
改变被选元素的（内部）HTML
$（selector）.append（content）
向被选元素的（内部）HTML追加内容
$（selector）.prepend（content）
向被选元素的（内部）HTML“预置”（Prepend）内容
$（selector）.after（content）
在被选元素之后添加HTML
$（selector）.before（content）
在被选元素之前添加HTML
jQueryCSS操作
jQuery拥有三种用于CSS操作的重要函数：
$（selector）.css（name,value）
单个属性名称，值
$（selector）.css（{properties}）
$（"p"）.css（{"background-color":
"red","font-size":
"200%”}）;
多个属性和值
$（selector）.css（name）
获取某属性的值
jQueryAJAX函数
$（selector）.load（url,data,callback）
$（document）.ready（function（）{
$（"#b01"）.click（function（）{
$（'#myDiv'）.load（'/jquery/test1.txt'）;
}）;
}）;
通过AJAX改变文本