JQuery基础（一）

jQuery 是一个 JavaScript 库。

jQuery 极大地简化了 JavaScript 编程。

jQuery 很容易学习。

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

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

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

1.ID选择器

根据给定的ID匹配一个元素。

注意：只有jQuery对象才能使用其函数，JavaScript对象不能使用。

语法：

$("#myDiv");

实例代码图片：

运行 结果为：

2.标签选择器

根据给定的元素标签名匹配所有元素

语法：

$("div");

示例图片：

3.类选择器

根据给定的css类名匹配元素。

语法：

$(".myClass");

实例图片代码：

运行结果：

4.混合使用

将每一个选择器匹配到的元素合并后一起返回。

你可以指定任意多个选择器，并将匹配到的元素合并到一个结果内。

语法：

$("div,span,p.myClass")

实例图片代码：

5.ancestor descendant

在给定的祖先元素下匹配所有的后代元素

语法：

$("form input")

实例代码图片：

6. prev ~ siblings

匹配 prev 元素之后的所有 siblings 元素

语法：

$("form ~ input")

实例图片代码：

7. $.get(url,[data],[fn],[type])

以下是ajax $.get()两种方法