jQuery获取dom元素

jQuery获取dom元素

• jQuery选择器
• • 1. 基本选择器
  • • 1.1 标签选择器
    • 1.2 id选择器
    • 1.3 类选择器
    • 1.4 属性选择器
    • 1.5 表单选择器
  • 2.过滤选择器
  • 3.组合选择器
• jQuery遍历函数
• • 向上遍历函数
  • 向下遍历函数
  • 水平遍历函数
  • 筛选函数

jQuery选择器

通过 $(“selector”) 方法直接定位目标dom元素组

1. 基本选择器

1.1 标签选择器

1.2 id选择器

1.3 类选择器

1.4 属性选择器

1.5 表单选择器

2.过滤选择器

3.组合选择器

jQuery选择器参考手册

jQuery遍历函数

可以根据确定的jQuery对象，利用遍历函数查询目标dom元素

向上遍历函数

目标元素是被选元素的祖先

$.parent() //所有直接父元素
$.parents() //所有祖先元素，一直向上直到根元素
$.parentsUntil() //被选元素给定元素之间的所有祖先元素复制

向下遍历函数

目标元素是被选元素的后代

$.children()  //所有直接子元素
$.find()      //所有后代元素复制

水平遍历函数

目标元素是被选元素的同辈

//向前遍历
$.prev()      //紧邻的前一个同辈元素
$.prevAll()   //前面的所有同辈元素
$.prevUntil()
//向后遍历
$.next()      // 紧邻的后一个同辈元素
$.nextAll()   //后面的所有同辈元素
$.nextUntil()
//前后遍历
$.siblings()   //所有同辈元素复制

筛选函数

$.first()     //被选元素的首个元素
$.last()      //被选元素的最后一个元素
$.eq(索引值)   //被选元素的第i+1个元素
 
$.filter("selector")  //返回满足标准的元素
$.not("selector")     //返回不满足标准的元素复制

jQuery 遍历参考手册