Juery学习

juery基本语法为  $(对象).action

我们要对网页加上一些动态的功能，那么自然就是先选中指定对象，然后告诉编译器做什么操作。

1，选中对象。对象可以是元素，属性

$(this) 当前 HTML 元素

$("p") 所有 <p> 元素

$("p.intro") 所有 class="intro" 的 <p> 元素

$(".intro") 所有 class="intro" 的元素

$("#intro") id="intro" 的元素

$("ul li:first") 每个 <ul> 的第一个 <li> 元素

$("[href$='.jpg']") 所有带有以 ".jpg" 结尾的属性值的 href 属性

$("div#intro .head") id="intro" 的 <div> 元素中的所有 class="head" 的元素

2，做什么事

$(document).ready(function) 将函数绑定到文档的就绪事件（当文档完成加载时）

$(selector).click(function) 触发或将函数绑定到被选元素的点击事件

$(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件

$(selector).focus(function) 触发或将函数绑定到被选元素的获得焦点事件

$(selector).mouseover(funcion)触发或将函数绑定选元素的鼠标悬停事件

由于 jQuery 是为处理 HTML 事件而特别设计的，那么当您遵循以下原则时，您的代码会更恰当且更易维护：

把所有 jQuery 代码置于事件处理函数中
把所有事件处理函数置于文档就绪事件处理器中
把 jQuery 代码置于单独的 .js 文件中
如果存在名称冲突，则重命名 jQuery 库

有一种名为链接（chaining）的技术，允许我们在相同的元素上运行多条 jQuery 命令，一条接着另一条
例如$("#p1").css("color","red").slideUp(2000).slideDown(2000);

获得内容 - text()、html() 以及 val()

jQuery attr() 方法用于获取属性值

三个简单实用的用于 DOM 操作的 jQuery 方法：

text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() - 设置或返回表单字段的值

Juery对象

在使用 JQuery 过程中，我们一般（也是绝大多数情况下，除非我们使用了第二个框架）只有两类对象，即：JQuery 对象和 Dom 对象。Dom 对象指的是普通的 JavaScript 对象，而 JQuery 对象则是包装 Dom 对象后产生的对象。

JQuery 对象是一个数组对象。那么，实际，得到 [index] 或者使用 get(index) 方法，就能得到其 Dom 对象。如：

var $me= …;

var me1=$me[0];

var me2=$me.get(0);   // me1 == me2