「jQuery 」对象与选择器

jQuery 学习总结

（1）dom对象与jQuery对象

（2）jQuery选择器

（3）jQuery元素筛选

1-dom对象与jQuery对象

• dom: dom对象是将整个HTML文档的每一个元素都当作对象，通过使用getElemenXxx( )方式进行查询，查询出来的结果通知是 [object HTML 标签名 Element]；

• jQuery对象：通过jQuery提供的API获取的对象，通知结果是[object Object]，jQuery对象是dom对象的数组组成的；

• jQuery对象与dom对象可以互相进行转化

2-jQuery选择器

• 基本选择器

  • id选择器 #id
  • 类选择器 .class
  • 标签选择器 div span
  • 组合选择器 selector1，selector2

• 层级选择器

  • 后代选择器 空格
  • 子元素选择器 >
  • 相邻元素选择器 +
  • 兄弟元素选择器 ~

  注意：子元素的定义，只是第一个元素的下级元素，而孙元素不能算是找到的对象

• 过滤选择器

  • 基本过滤器
  • 内容过滤器
  • 属性过滤器
  • 表单过滤器
  • 表单对象的属性过滤器

3-jQuery元素筛选