jQuery

一、选择器

1.id选择器

$("#id")

2.类选择器

$(".class")

3.元素选择器

$("元素名")

4.组选择器

$("div,span,.myclass")

5.后代选择器

$("form input")

6.子选择器

$("form > input")

7.选择第一个元素

$("ul li : first")

8.选择最后一个元素

$("li : last")

9.not选择器（一般在复选框中使用较多）

$("input：not(：checked)")

10.偶数选择器

$("table tr :even")

11.奇数选择器

$("table tr :odd")

12.eq选择器

$("table tr :eq(0)")

13.gt(index)选择器（选择大于指定索引的元素）

$("table tr :gt(2)")

14.lt(index),选择小于指定索引的元素

$("table tr :lt(5)")

15.属性选择器

$("div[id]") //表示选择出具有id属性的div

16.属性值选择器

$("div[id=‘myid’]")

$("div[id！=‘myid’]")

$("div[id^=‘myid’]")　　//以myid开头

$("div[id*=‘myid’]")　　//包含“myid”

$("div[id$=‘myid’]")　　//以“myid”结尾

 

二、jQuery常用方法

1.取得指定元素下的所有子元素

$("div").children()

2.取得指定元素下的所有指定子元素

$("div").children(“.selected”)

3.查找父元素下的指定子元素

$("p").find("span")

4.取得指定元素的所有祖先元素

$("span").parents()　　//括号中没有参数基本没用 用不到

5.取得指定元素的父元素

$("span").parents("div[class='div1']")

6.为指定元素追加子元素

$("div").append（“<h1>这是追加的内容<h1>”）

7.删除元素本身

$("p").remove（）

8.表单中的数据序列化，方便提交到服务器端   （项目中大量使用）

$("form").serialize();

转载于:https://www.cnblogs.com/yzxcs/p/10786335.html