学习 jQuery 的 CSS 选择器

2024-02-22

我想学习 jQuery。在我看来,jQuery 只需选择你想要的元素,然后对其执行一些操作。但选择方式与CSS选择器很接近。而且我不熟悉CSS css选择器,因为我一直认为它相当不系统,我找不到任何规则。

我对 CSS 选择器的了解如下:

#id
.class

所以我想知道使用 CSS/jQuery 选择器时有什么规则吗?


UPDATE:

你们能给我解释一下吗,我无法理解:

在 CSS 2.1 中,样式通常是附加的 根据元素在中的位置 文档树。这个简单的模型 对于许多情况来说就足够了,但有些情况 常见的发布场景可能不是 可能是由于其结构 文档树。例如,在 HTML 4 中 (参见 [HTML4]),没有元素引用 段落的第一行,以及 因此没有简单的 CSS 选择器可以 参考它。

看起来这就是导入“伪元素和伪类”的原因,但确切的含义是什么?如何理解 ”没有元素引用段落的第一行,因此没有简单的 CSS 选择器可以引用它"?


jQuery API 站点有几个教程just对于选择器,看看这里 http://docs.jquery.com/Category%3aSelectors- 这是的一部分这里的“入门”教程 http://docs.jquery.com/Tutorials%3aGetting_Started_with_jQuery#Find_me%3a_Using_selectors_and_events.

规则是使用正确的selector http://api.jquery.com/category/selectors/对于您想要选择的内容...除此之外,这取决于您想要选择的内容;上面的第一个链接将帮助您了解哪些选择器做什么以及何时使用它们。

另外澄清一下,还有很多选择器 http://api.jquery.com/category/selectors/ that aren'tCSS 选择器,它们是 jQuery 特定的附加项,例如表单选择器 http://api.jquery.com/category/selectors/form-selectors/, 基本过滤器选择器 http://api.jquery.com/category/selectors/basic-filter-selectors/, 可见性选择器 http://api.jquery.com/category/selectors/visibility-filter-selectors/, and 内容过滤器选择器 http://api.jquery.com/category/selectors/content-filter-selector/.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

学习 jQuery 的 CSS 选择器 的相关文章

  • 是否可以设置输入文本值的样式?

    我想知道是否可以设置输入框值的样式 such http jsfiddle net aCwhY as
  • HTML 下拉菜单禁用 Javascript 中的选项

    Question 下面的代码是隐藏所选项目下拉列表中的选项 因此 当用户选择该选项时 它将隐藏所有下拉选择列表中的所选值 我现在有四个下拉选择 我想实现像当下拉选择被触发时它将启用当前选择的选项值 意味着用户能够在用户触发时选择回下拉选择中
  • jQuery Mobile showPageLoading Msg()/hidePageLoading Msg() 方法在初始页面加载时不起作用

    我正在使用 jQuery Mobile 编写一个 Web 应用程序 该应用程序调用一个函数将记录加载到 localStorage 中 并在最初创建页面时从远程 JSON 文件创建列表视图 使用live pagecreate 页面的事件 该函
  • Setinterval随着指数时间减少

    我有一个带有 setinterval 的 mousedown 事件 我希望间隔时间是可变的 所以第一个是 500 第二个是 500 2 250 等等 有什么建议吗 plus mousedown function e increment 20
  • 如何在jquery中每4秒添加和删除一个类

    由于某种原因 这并不是每 4 秒在具有 post 类的元素上添加和删除一个新类 jquery 正确加载 就像这样 chrome 显示代码没有错误 document ready function post addClass display d
  • 如何在 drop 事件 jquery 上获取已删除项目的 id

    当我将某些东西放到 jquery droppable 时 我想获取删除的项目的 id 当我这样做时 here droppable tolerance fit accept one drop function id this attr id
  • iPad - 无法在框架内滚动

    我无法滚动 iPad Safari 中框架内调用的 pdf 我已经尝试过两件事 2 指滚动 使用对象 嵌入代替框架 但这是行不通的 事实上我已经尝试了很多东西 溢出 高度等等 请帮我 先感谢您 根据这篇文章http support appl
  • Jquery UI 可调整大小的问题超出了遏制范围(也使用了可拖动)

    我面临的问题是 div 的可调整大小 当我将它与 Draggable 一起使用时 它会出现问题并且无法调整其宽度方向的大小 如果我单独使用可调整大小 那就没问题了 但我需要让它与可拖动功能一起使用 请建议 单击演示的 jsFiddle 链接
  • 如何按多个项目搜索/过滤列表?

    我正在寻找一个示例 或者可能是一个关于通过在文本框中输入的多个项目来过滤 搜索项目列表的方法的一点提示 假设我有一个列表 ul li Coffee li li Tea li li Milk li li Water li li Juice l
  • 从 php 到 JavaScript 的数组

    我正在尝试使用 json 将数组列表从 php 传输到 javascript 但它不起作用 JS ajax url getProfilePhotos php type post post or get method data if you
  • 如何将 div 与其父级的顶部对齐,但保持其内联块行为?

    See http jsfiddle net b2BpB 1 http jsfiddle net b2BpB 1 问 如何让box1和box3对齐到父div的顶部boxContainer boxContainerContainer backg
  • jQuery 检查字体粗细是正常还是粗体

    我使用以下代码设置 font weight 属性 this css font weight normal 现在我想检查一个元素是否具有粗体或正常的字体粗细属性 我该怎么做 你可以使用以下方法得到它 fontWeight this css f
  • 在多个动态添加的表单上初始化 jQuery validate() 函数

    有人建议最好初始化一个 form validate 在页面加载而不是点击事件上运行 jquery form validate 插件仅允许在输入更改时提交 https stackoverflow com questions 10984196
  • 在按钮之间添加空间?

    嗨 我这里有一个代码 除了一件事之外 一切都很完美 代码中每个按钮之间没有空格 我尝试过 margin 但不幸的是它是一个无序列表 所以我有点困惑 我将添加或替换什么以在两个按钮之间留出空间 帮助
  • R Shinydashboard 自定义 CSS 到 valueBox

    我一直在尝试将 valueBox 的颜色更改为自定义颜色 超出 validColors 中可用的颜色 但一直无法这样做 我知道有一种方法可以使用标签来包含自定义 CSS 但是我无法将它们放在正确的位置 ui lt dashboardPage
  • 使用 :hover 作为元素的内联样式(使用 HTML/CSS/php)[重复]

    这个问题在这里已经有答案了 可能的重复 如何将 a hover 规则嵌入到文档中间的样式属性中 https stackoverflow com questions 131653 how do i embed an ahover rule i
  • 将输入中每个单词的第一个字符设为大写

    我想知道如何在输入区域自动生成单词的第一个字符 目前我的代码是 Name
  • 没有类的 CSS 选择器

    我正在使用选择器来选择不具有一个类的所有元素 list th not foo some rules 我怎样才能将其应用到多个班级 list th not foo list th not bar some rules 上面的 CSS 当然不会
  • 如何为 TBODY 应用垂直滚动条

    我的表中有 4 列和 5 行数据 我必须为 TBODY 应用垂直滚动条 TH 标题内容不应滚动 我对场景进行了编码 并且在我将滚动类应用于 TBODY 之前它工作正常 一旦我将滚动样式类应用于 TBODY 它就会破坏之前的对齐方式 任何人都
  • 用javascript调用外部网页(跨域)

    我正在尝试使用以下网络服务来验证提要这个问题 https stackoverflow com questions 11996430 check if a url is a valid feed 但浏览器不允许我向另一台服务器发送 ajax

随机推荐