jQuery选择器总结

$(“div button:only-child”) 返回所有的div中只有唯一一个子节点的所有子节点的数组

表单元素选择器：

$(“:input”) 选择所有的表单输入元素，包括input, textarea, select 和 button

$(“:text”) 选择所有的text input元素

$(“:password”) 选择所有的password input元素

$(“:radio”) 选择所有的radio input元素

$(“:checkbox”) 选择所有的checkbox input元素

$(“:submit”) 选择所有的submit input元素

$(“:image”) 选择所有的image input元素

$(“:reset”) 选择所有的reset input元素

$(“:button”) 选择所有的button input元素

$(“:file”) 选择所有的file input元素

$(“:hidden”) 选择所有类型为hidden的input元素或表单的隐藏域

表单元素过滤选择器：

$(“:enabled”) 选择所有的可操作的表单元素

$(“:disabled”) 选择所有的不可操作的表单元素

$(“:checked”) 选择所有的被checked的表单元素

$(“select option:selected”) 选择所有的select 的子元素中被selected的元素

选取一个 name 为”S_03_22″的input text框的上一个td的text值

$(”input[@ name =S_03_22]“).parent().prev().text()

名字以”S_”开始，并且不是以”_R”结尾的

$(”input[@ name ^=‘S_’]“).not(”[@ name $=‘_R’]“)

一个名为 radio_01的radio所选的值

$(”input[@ name =radio_01][@checked]“).val();

$(“A B”) 查找A元素下面的所有子节点，包括非直接子节点

$(“A>B”) 查找A元素下面的直接子节点

$(“A+B”) 查找A元素后面的兄弟节点，包括非直接子节点

$(“A~B”) 查找A元素后面的兄弟节点，不包括非直接子节点

1. $(“A B”) 查找A元素下面的所有子节点，包括非直接子节点

例子：找到表单中所有的 input 元素

HTML 代码:

Name:

Newsletter:

jQuery 代码:

$(“form input”)

结果:

[ , ]

2. $(“A>B”) 查找A元素下面的直接子节点

例子：匹配表单中所有的子级input元素。

HTML 代码:

Name:

Newsletter:

jQuery 代码:

$(“form > input”)

结果:

[ ]

3. $(“A+B”) 查找A元素后面的兄弟节点，包括非直接子节点

例子：匹配所有跟在 label 后面的 input 元素

HTML 代码:

Name:

Newsletter:

jQuery 代码:

$(“label + input”)

结果:

[ , ]

4. $(“A~B”) 查找A元素后面的兄弟节点，不包括非直接子节点

例子：找到所有与表单同辈的 input 元素

HTML 代码:

结尾

学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】