运行
2> 选择索引值为index的元素
:eq()Selector
语法:
(1)$(“:eq(index)”) //index:要匹配元素的索引值(从0开始计数)
(2)$(“:eq(-index)”) //-index:要匹配元素的索引值(从0开始计数),从最后一个元素开始倒计数。
3> 选择奇偶数索引来匹配
:even Selector 或者 :odd Selector
语法:
$(“:even”) or $(“:odd”)
注意:这是基于0的索引,所以:even选择器是选择第一个元素,第三个元素依次类推匹配。
4> 选择第一个元素
:first Selector
语法:
$(“:first”)
描述:选择第一个匹配的元素。
5> 获得当前焦点的元素
:focus Selector
语法:
$(“:focus”)
描述:
选择当前获取焦点的元素。
例如:注意下面的tabindex属性和delegate方法
welcome the world。
想要了解全部的事件,可以查询一下这里事件。
6> 选择所有标题元素
:header Selector
语法:
$(“:header”)
描述:
选择所有标题元素,像h1,h2,h3等。
7> 选择最后一个匹配元素
语法:
last Selector
描述:
选择最后一个匹配的元素。
8> 所有大于给定index(索引值)的元素
gt就是greater than 大于的意思。
:gt()Selector
语法:
( " : g t ( i n d e x ) " ) o r (":gt(index)") or (":gt(index)")or(“:gt(-index)”)
描述:
选择匹配集合中所有大于给定index(索引值)的元素。
9> 所有小于给定index(索引值)的元素
lt就是less than小于的意思。
:lt()Selector //这里是L不是i
语法:
( " : l t ( i n d e x ) " ) o r (":lt(index)")or (":lt(index)")or(“:lt(-index)”)
描述:
选择匹配集合中所有索引值小于给定index参数的元素
注意:这里的索引值不包括自身的!
例如:
10>出去不匹配给定的选择器的元素
语法:
$(“:not(selector)”)
描述:
选择所有元素去除不匹配给定的选择器的元素
====================================================================
1> 选择所有父级元素的第一个子元素
语法:
(“:first-child”)
描述:
选择所有父级元素下的第一个子元素。
例如:
111
222
333
111
222
333
111
222
333
2> 选择所有父级元素的最后一个子元素
语法:
(“:last-child”)
描述:
选择所有父级元素下的最后一个子元素。
3> 选择所有相同的元素名称的第一个兄弟元素
语法:
(“:first-of-type”)
描述:
选择所有相同的元素名称的第一个兄弟元素。
4> 选择所有元素之间具有相同元素名称的最后一个兄弟元素
语法:
(“:last-of-type”)
描述:
选择的所有元素之间具有相同元素名称的最后一个兄弟元素。
5> 选择他们所有父元素的第n个子元素
语法:
(“:nth-child(index/even/odd/equation)”)
描述:
选择的他们所有父元素的第n个子元素。
===================================================================
1> 选择所有包含指定文本的元素
语法:
(“:contains(text)”)
描述:
选择所有包含指定文本的元素。
例如:
总结
为了帮助大家更好温习重点知识、更高效的准备面试,特别整理了《前端工程师面试手册》电子稿文件。
内容包括html,css,JavaScript,ES6,计算机网络,浏览器,工程化,模块化,Node.js,框架,数据结构,性能优化,项目等等。
包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目,涵盖了初中级前端技术点。
前端面试题汇总
JavaScript
性能
linux