jquery选择器

作者: 黄二的NPE | 来源:发表于2018-05-14 23:39 被阅读7次

    虽然是以后台工程师的名义招进公司的,但是做的很多东西都是需要用到jsp,用到jsp自然会用到jQuery,而选择器是jQuery的基础,每次遇到几乎都要Google一下,很麻烦,所以在这里整理几个比较常用的.

    • 基本选择器

    1. id选择器 : $(“#id名”) –>选择id为id名的某个元素,如果有多个id一样的,则只会操作第一个
    2. 类选择器: $(“.class名”) –> 选择class=class名的所有元素
    3. 元素选择器 $(“tr”) –> 选择所有tr元素
    4. 所有选择器 $(“*”) –> 表示所有元素
    • 层叠选择器

    1. $(“#id名 tr”) : 表示id为id名的元素下面的所有tr标签(包括子标签和子标签的子标签(无数次方))
    2. $(“#id名 > tr”) : 表示id为ID名的元素下面的所有tr子标签
    • 过滤选择器(过滤选择器一般是用冒号隔开)

    1. 基本过滤器:
      A.$(“tr:first”) : 第一个tr标签
      B.$(“tr:last”) : 最后一个tr标签
      C.$(“tr:eq(3)”) : 第三个tr标签

    2. 内容过滤器:
      A.$(“tr:contains(‘hello’)”) :包含了hello文本的tr标签
      B.$(“tr:empty”) : 文本为空的tr标签
      C.$(“tr:has(p)”) : 包含了p标签的tr标签

    3. 属性过滤器:(一般用[]隔起来)
      A.$(“div[id]”) : 含有id属性的div标签
      B.$(“div[name=’hello’]”) : 属性为name,值为hello的div标签

    • 表单选择器(这里的:号+type才构成一个表单选择器,:号不是前面的过滤作用)

    1. $(“:input”) : 表示所有可输入标签,包括input,textare等
    2. $(“:text”) : 表示type为text的input标签
    3. $(“:password”) : 表示type为password的input标签
    4. 表单元素过滤器 :
      A.$(“:enable”) : 表示所有可操作的元素
      B.$(“:disable”) : 表示所有不可操作的元素
      C.$(“:checked”) : 表示所有被选择的元素

    相关文章

      网友评论

        本文标题:jquery选择器

        本文链接:https://www.haomeiwen.com/subject/elmsdftx.html