JQuery选择器


1.基本选择器:
  1.标签选择器
    * 语法:$("html标签名") 获得所有匹配标签名称的元素
  2.id选择器
    * 语法:$("#id的属性值") 获得与指定id属性值匹配的元素
  3.类选择器
    * 语法:$(".class的属性值") 获得与指定class属性值匹配的元素
  4.并集选择器
    * 语法:$$("A, B") 获得与指定AB匹配的元素的并集
2.层级选择器:
  1.后代选择器 大标签内的所有小标签
    * 语法:$("A B") 选择A元素内部的所有B元素
  2.子选择器 只比大标签小一级的标签
    * 语法:$("A > B") 选择A元素内部的所有B子元素
3.属性选择器:A是写标签名
  1.属性名选择器
    * 语法:$("A[属性名]") 包含指定属性的选择器
  2.属性选择器
    * 语法:$("A[属性名=‘值’]")包含指定属性等于指定值的选择器
  3.复合属性选择器
    * 语法:$("A[属性名=‘值’][][]")
  4.小细节:
    以te开始 以te结束 等等 类似于正则表达式的需求
    以te开始:div[title^='te']
    以te结束:div[title$='te']
    包含te:div[title*='te']
4.过滤选择器:$("标签名:过滤选择器")
  1.首元素选择器
    * 语法:firt 或的选择元素中的第一个元素
  2.尾元素选择器
    * 语法:last 或的选择元素中的最后个元素
  3.非元素选择器 not内填写 基本选择器
    * 语法:not() 不包括制定内容的元素
  4.偶数选择器
    * 语法:even 偶数 从0开始计数
  5.奇数选择器
    * 语法:odd 奇数 从0开始计数
  6.等于选择器
    * 语法:eq(index) 指定索引元素
  7.大于选择器
    * 语法:gt(index) 大于指定索引元素
  8.小于选择器
    * 语法:lt(index) 小于指定索引元素
  9.标题选择器 语法: 直接:header
    * 语法:header 获得可用元素
5.表单过滤选择器:
  1.可用元素选择器
    * 语法:enabled 获得可用元素
  2.不可用元素选择器
    * 语法:diabled 获得不可用元素
  3.选中选择器
    * 语法:checked 获得单选框复选框中的元素
  4.选中选择器
    * 语法:select 获得下拉框中的元素
    alert($("#job > option:selected").length);

posted @ 2020-02-06 10:33  子上123  阅读(108)  评论(0)    收藏  举报