李炎恢老师jQuery视频教程

李炎恢老师jQuery视频教程

5 (51人评价)
  • 课时:(66)

  • 学员:(966)

  • 浏览:(41450)

  • 加入课程

05.[jQuery] 第3章 常规选择器[2]的笔记

相关课时: 笔记详情:

进阶选择器

一、简述

1.群组选择器,多种选择器添加红色

$('span,.em,#box').css('color','red')

2.后代选择器,最终追溯到的元素添加红色

$('ul li a').css('color','red')

3.通配选择器,所有的元素都添加红色

$('*').css('color','red')

二、实际应用中,多种选择器可以灵活的搭配

示例:

$('#box p,ul li *').css('color','red')

注意:通配选择器最好不经常使用,JS会层层解析,最终降低程序效率。

三、特殊模式

1.还有一种选择器,可以在ID 和类(class)中指明元素前缀

$('p#box div.side').css('color','red')

2.三个节点多少类声明

$('.box .pox').css('color','red')

警告:在构造选择器时,有一个通用的优化原则:只追求必要的确定性。当选择器筛选越复杂,jQuery 内部的选择器引擎处理字符串的时间就越长

0 0

你感兴趣的课程

11万+浏览/ 972学员/ 4.4评分
免费
7645浏览/ 0学员/ 0评分
¥199.00
6871浏览/ 2学员/ 0评分
¥99.00