JQuery基础——选择器

GraphQuery 发布于2019-08-01 16:06 / 850人阅读

摘要：通过，可以选取查询，元素，并对它们执行操作可以简写成元素选择器使用选择器来选取元素。属性选择器使用表达式来选择带有给定属性的元素。选择器选择器可用于改变元素的属性。

通过 jQuery，可以选取（查询，query） HTML 元素，并对它们执行“操作”（actions）
$(document).ready(function(){})可以简写成$(funtion(){})

jQuery 元素选择器

jQuery 使用 CSS 选择器来选取 HTML 元素。

$("p") 选取

元素。

$("p.intro") 选取所有 class="intro" 的

元素。

$("p#demo") 选取所有 id="demo" 的

元素。

jQuery 属性选择器

jQuery 使用 XPath 表达式来选择带有给定属性的元素。

$("[href]") 选取所有带有 href 属性的元素。

$("[href="#"]") 选取所有带有 href 值等于 "#" 的元素。

$("[href!="#"]") 选取所有带有 href 值不等于 "#" 的元素。

$("[href$=".jpg"]") 选取所有 href 值以 ".jpg" 结尾的元素。

jQuery CSS 选择器

jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。
下面的例子把所有 p 元素的背景颜色更改为红色：

$("p").css("background-color","red");

更多选择器示例：

$(this) 当前 HTML 元素

$("p") 所有

元素

$("p.intro") 所有 class="intro" 的

元素

$(".intro") 所有 class="intro" 的元素

$("#intro") id="intro" 的元素

$("ul li:first") 每个

元素

$("[href$=".jpg"]") 所有带有以 ".jpg" 结尾的属性值的 href 属性

$("div#intro .head") id="intro" 的
元素中的所有 class="head" 的元素
```
$(document).ready(function(){

--- jquery 的方法写在这个区域中 ----
这是为了防止文档在完全加载就绪之前运行jquery代码。

});
```
GPU云服务器云服务器 jquery常用选择器 jquery过滤选择器 jquery双向选择器 jquery选择器空格

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/50298.html
- 上一篇：前端基础代码查询笔记（持续更新）
- 下一篇：割裂的前端工程师--- 2017年前端生态窥探

前端基础入门五（掌握jQuery的常用api，实现动态效果）

摘要：基本概念学习目标学会如何使用，掌握的常用，能够使用实现常见的效果。想要实现简单的动画效果，也很麻烦代码冗余。实现动画非常简单，而且功能更加的强大。注意选择器返回的是对象。 jQuery基本概念学习目标：学会如何使用jQuery，掌握jQuery的常用api，能够使用jQuery实现常见的效果。为什么要学习jQuery？【01-让div显示与设置内容.html】使用javasc...

nevermind 2019-08-30 15:55 评论0 收藏0
前端基础入门五（掌握jQuery的常用api，实现动态效果）

摘要：基本概念学习目标学会如何使用，掌握的常用，能够使用实现常见的效果。想要实现简单的动画效果，也很麻烦代码冗余。实现动画非常简单，而且功能更加的强大。注意选择器返回的是对象。 jQuery基本概念学习目标：学会如何使用jQuery，掌握jQuery的常用api，能够使用jQuery实现常见的效果。为什么要学习jQuery？【01-让div显示与设置内容.html】使用javasc...

codecook 2019-08-23 14:52 评论0 收藏0
前端基础入门五（掌握jQuery的常用api，实现动态效果）

摘要：基本概念学习目标学会如何使用，掌握的常用，能够使用实现常见的效果。想要实现简单的动画效果，也很麻烦代码冗余。实现动画非常简单，而且功能更加的强大。注意选择器返回的是对象。 jQuery基本概念学习目标：学会如何使用jQuery，掌握jQuery的常用api，能够使用jQuery实现常见的效果。为什么要学习jQuery？【01-让div显示与设置内容.html】使用javasc...

WalkerXu 2019-08-02 14:09 评论0 收藏0
前端基础入门五（掌握jQuery的常用api，实现动态效果）

摘要：基本概念学习目标学会如何使用，掌握的常用，能够使用实现常见的效果。想要实现简单的动画效果，也很麻烦代码冗余。实现动画非常简单，而且功能更加的强大。注意选择器返回的是对象。 jQuery基本概念学习目标：学会如何使用jQuery，掌握jQuery的常用api，能够使用jQuery实现常见的效果。为什么要学习jQuery？【01-让div显示与设置内容.html】使用javasc...

widuu 2019-07-01 11:14 评论0 收藏0
JQuery基础——选择器

摘要：通过，可以选取查询，元素，并对它们执行操作可以简写成元素选择器使用选择器来选取元素。属性选择器使用表达式来选择带有给定属性的元素。选择器选择器可用于改变元素的属性。通过 jQuery，可以选取（查询，query） HTML 元素，并对它们执行操作（actions） $(document).ready(function(){})可以简写成$(funtion(){}) jQuery 元...

taowen 2019-08-22 10:50 评论0 收藏0