jQuery的基本设计思想和主要方法:选择某个网页元素,然后对其进行某种操作。
$(document) //选择整个文档
$(‘#myId’) //选择ID=myId的网页元素, 如果选择器中包含特殊字符,可以用两个饭反斜杠转义。
$(div.myClass) //选择class为myClass的div元素
$(“*”) //匹配所有元素
$("div,span,p.myClass") //可同时指定多个选择器
$("form input") //在给定的祖先元素(form)下匹配所有的后代元素(input)
$("form > input") //在给定的父元素下(form)匹配所有的子元素(input)
$("label + input") //匹配所有紧接在 prev 元素后紧接着的下一个元素
$("form ~ input") //匹配 prev 元素之后的所有同辈元素
$('li:first') //获取第一个元素
$('li:last') //获取最后个元素
$("input:not(:checked)") //查找所有未选中的 input 元素
$("tr:even") //匹配所有索引值为偶数的元素,从 0 开始计数
$("tr:odd") //匹配所有索引值为奇数的元素,从 0 开始计数
$("tr:eq(1)") //匹配一个给定索引值的元素,从0算起。
$("tr:gt(0)") //匹配所有大于给定索引值的元素
$("tr:lt(2)") //匹配所有小于给定索引值的元素
$("p:lang(it)") //选择指定语言的所有元素。
$(":header") //匹配如 h1, h2, h3之类的标题元素
$("div:animated") //匹配所有正在执行动画效果的元素
$(":root") //选择该文档的根元素<html>。
$( "p:target" ) // 选择由文档URI的格式化识别码表示的目标元素。
$("div:contains('John')") //匹配包含给定文本的元素,用于查找John字符串
$("td:empty") //匹配所有不包含子元素或者文本的空元素
$("td:parent") //匹配含有子元素或者文本的元素
$("div:has(p)") //所有包含 p 元素的 div 元素
$("tr:hidden") //匹配所有不可见元素,或者type为hidden的元素
$("tr:visible") //匹配所有的可见元素
$("div[id]") //查找所有含有 id 属性的 div 元素
$("input[name='newsletter']") //查找所有 name 属性是newsletter 的 input 元素
$("input[name!='newsletter']") // 查找所有 name 属性不是newsletter 的 input 元素
$("input[name^='news']") //查找所有 name 以 'news' 开始的 input 元素
$("input[name$='letter']") //查找所有 name 以 'letter' 结尾的 input 元素
$("input[name*='man']") //查找所有 name 包含 'man' 的 input 元素
$("input[id][name$='man']") //找到所有含有 id 属性,并且它的 name 属性是以 man 结尾的
$("ul li:first-child") //在每个 ul 中查找第一个 li
$("ul li:last-child") //在每个 ul 中查找最后一个 li
$("div:first-of-type") //选择所有相同的元素名称的第一个兄弟元素。
$("p:last-of-type") //选择的所有元素之间具有相同元素名称的最后一个兄弟元素。
$("ul li:nth-child(2)") //匹配其父元素下的第N个子或奇偶元素,从1算起。
$("ul li:nth-last-child(2)") // 在每个匹配的ul中查找倒数第二个li
$("span:nth-of-type(2)");
$("ul li:nth-last-of-type(2)") //选择的所有他们的父级元素的第n个子元素,计数从最后一个元素到第一个。
$("ul li:only-child") //在 ul 中查找是唯一子元素的 li
$("button:only-of-type") // 选择所有没有兄弟元素,且具有相同的元素名称的元素。
$(":input") //查找所有的input元素
$(":text") //匹配所有的单行文本框text
$(":radio") //查找所有单选按钮
$(":password") //查找所有密码框
$(":checkbox") //查找所有复选框
$(":submit") //查找所有提交按钮
$(":image") //匹配所有图像域
$(":reset") //查找所有重置按钮
$(":button") //查找所有按钮.
$(":file") //查找所有文件域
$("input:enabled") //查找所有可用的input元素
$("input:disabled") //查找所有不可用的input元素
$("input:checked") //查找所有选中的复选框元素
$("select option:selected") //查找所有选中的选项元素