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