JQuery学习（1）

JQuery学前准备

JQuery的各种包：

1、jquery-ui（包含小工具及组件）

2、jquery-1.7.1.intellisense.js（智能提示包）

3、jquery-1.7.1.js（详细版，代码有注释，易看懂，文件本身较大）注：工作中不建议用此包

4、jquery-1.7.1.min.js（为了提高程序运行速度，省略了注释，简化了变量名称，不容易看懂。相当于上边的优化版本）注：工作中建议用这个，提升程序运行速度。

5、使用前导入JQuery包，因为VS编辑器中有智能提示，所以可以只导入jquery-1.7.1.min.js或jquery-1.7.1.js（建议前者）

JQuery的特点

1、JQuery的触发时机

2、非侵入性的编码方式（也就是在行间的事件不能写，实现了分离）

3、链式结构的编码方式。例：

<script src="Script/jquery-1.7.1.js"></script>
<script language="javascript">
$(document).ready(function ()
{
$("div[index=heihei]").click(function ()
{
alert("谁让你点我的？！");
}).mouseover(function ()
{
$(this).css("font-size", 30).css("color", "red");
}).mouseout(function ()
{
$(this).css("font-size", 18).css("color", "black");
})
})
</script>

4、集合式操作，操作选择器选择出来的一组对象，js想要操作一组要进行循环添加事件和属性

JQuery语法之语法的基本结构

#写JQuery的ready事件

$(document).ready(function ()　　　　　　　　相当于JS中的window.onload事件，区别在于：JQuery的ready事件是在HTML文本加载完之后就触发（仅仅是文本）

{ JS的window.onload事件是在HTML中所有（包括图片之类）加载完成后触发，有种跟不上节凑的感觉。

　　//这里写代码

});//JQuery中的$符号，是强制转换符，将JS中的对象转换成JQuery中可以识别的对象

JQuery语法之具体语法（一）找到元素

选择器的种类：与样式表（css3.0）相同

1、基本选择器

。。。最基本的：标签，ID选择器，class选择器

。。。组合选择器：空格（后代选择器），逗号（并列选择器），标签名.class（筛选），>（子代选择器）

2、过滤选择器

。。。基本过滤（按照HTML标记的书写顺序来过滤）

① :first--第一个

② :last--第二个

③ :eq(索引号)--任意一个

④ :lt(索引号)--小于某个索引号（less than 的缩写）

⑤ :gt(索引号)--大于某个索引号（great than 的缩写）

⑥ :odd--奇数个

⑦ :even--偶数个

⑧ :not(选择器)--排除

。。。属性过滤

[属性名]--选择拥有这个属性的元素

[属性名=值]--找属性名是某个值的

[属性名!=值]--找属性名不是某个值的

[属性名*=值]--找属性名包含某个值的

[属性名^=值]--找属性值是以【值】开头的

[属性名$=值]--找属性值是以【值】结尾的

。。。内容过滤

:has(选择器)--开始标记与结束标记之间是否包含某类子元素，如果包含，就选择出来

:contains(字符串)--开始标记与结束标记之间是否半酣某段文字，如果包含就选择出来