jquery函数常用

一、常用函数：
1. ?text() - 设置或返回所选元素的文本内容
?html() - 设置或返回所选元素的内容（包括 HTML 标记）
?val() - 设置或返回表单字段的值

2. ?append() - 在被选元素的结尾插入内容
?prepend() - 在被选元素的开头插入内容
?after() - 在被选元素之后插入内容
?before() - 在被选元素之前插入内容

3. ?remove() - 删除被选元素（及其子元素）
?empty() - 从被选元素中删除子元素

删除 class="italic" 的所有

元素：
$("p").remove(".italic");

4. ?addClass() - 向被选元素添加一个或多个类
?removeClass() - 从被选元素删除一个或多个类
?toggleClass() - 对被选元素进行添加/删除类的切换操作
?css() - 设置或返回样式属性

返回首个匹配元素的 background-color 值：
$("p").css("background-color");

5. width() 方法设置或返回元素的宽度（不包括内边距、边框或外边距）。

height() 方法设置或返回元素的高度（不包括内边距、边框或外边距）。
......

二、遍历函数：
1.搜索所有段落中的后代 span 元素，并将其颜色设置为红色：
$("p").find("span").css('color','red');

2.找到类名为 "selected" 的所有 div 的子元素，并将其设置为蓝色：
$("div").children(".selected").css("color", "blue");

3.查找每个 b 元素的所有父元素:
$("b").parents()

4.查找每个段落的带有 "selected" 类的父元素:
$("p").parent(".selected")

5.输出每个 li 元素的文本：
$("li").each(function(){alert($(this).text())})

6.查找每个段落的下一个同胞元素，仅选中类名为 "selected" 的段落：
$("p").next(".selected").css("background", "yellow");

7.从包含所有段落的集合中删除 id 为 "selected" 的段落：
$("p").not("#selected")

附：过滤
filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。

三、ajax：

1.加载：

jQuery load() 方法是简单但强大的 AJAX 方法。
把文件 "demo_test.txt" 的内容加载到指定的

元素中：
$("#div1").load("demo_test.txt");

2.get、post：

$.get() 方法通过 HTTP GET 请求从服务器上请求数据。
必需的 URL 参数规定您希望请求的 URL。
可选的 callback 参数是请求成功后所执行的函数名。
$.get(URL,callback);

$.post() 方法通过 HTTP POST 请求从服务器上请求数据。
必需的 URL 参数规定您希望请求的 URL。
可选的 data 参数规定连同请求发送的数据。
可选的 callback 参数是请求成功后所执行的函数名
$.post(URL,data,callback);

四、dom元素

1.get() 方法获得由选择器指定的 DOM 元素。
$(selector).get(index)
参数描述
index 可选。规定获取哪个匹配元素（通过 index 编号）。

2.index() 获得元素相对于选择器的 index 位置。
该元素可以通过 DOM

元素或 jQuery 选择器来指定。
$(selector).index(element)
参数描述
element 可选。规定要获得 index 位置的元素。可以是 DOM 元素或 jQuery 选择器。

3.size() 方法返回被 jQuery 选择器匹配的元素的数量。
$(selector).size()