zoukankan      html  css  js  c++  java
  • jquery 学习日记之选择器

    看完Jquery选择器的教程视频后,对jquery的选择器有一定的认识和了解,现整理一下知识:

    一、jquery基本选择器,这类比较简单,一笔带过。

    1. #id 选择器,是选择  匹配id值中的第一个元素,只选择第一个,后面所有匹配的均忽略。
    2. element 元素选择器,匹配所有 标签为element的所有元素。选择了所有。
    3. 类选择器,选择所有类为class的所有元素,也是选择了所有。
    4. * 模糊匹配
    5. 匹配多元素选择器,用逗号分隔,如$("p,a")

    二、层级先择器 (再这样总结浪费时间,以下均只写自己的看法)

    1. $("table td")后代选择器,是选择<table>下所有的元素,包括子元素和子子元素等。以空格分隔
    2. $("table > td")子元素匹配,只匹配子元素。以>分隔
    3. prev + next 匹配紧接在prev元素后的next元素,若紧接着的不是next 元素,则选择失败。以+分隔
    4. prev ~ siblings 匹配在prev元素后的所有siblings元素,无论紧接与否。

    三、属性选择器 

    1. []  用法$("[href]") 选择带href属性的元素。
    2. []=value 选择属性值为value的元素
    3. []!=value 选择属性值 不为value的元素
    4. []^=value 选择属性值以value开头的元素
    5. []$=value 选择属性值以value 结尾的元素
    6. []*=value 选择属性值中含value的元素
    7. [][][] 选择同时包含多属性的元素
  • 相关阅读:
    数据结构之线性顺序表ArrayList(Java实现)
    大话数据库技术之数据的检索
    JQuery表单元素过滤选择器
    字典序最小问题
    liferay中数据库表的解析未完
    转载如何实现portlet之间的传递参数
    SpringMVC学习笔记1
    深度优先搜索算法
    Ants-穷举算法
    三角形-穷举算法
  • 原文地址:https://www.cnblogs.com/blog_jun/p/3664366.html
Copyright © 2011-2022 走看看