jQuery 简介 ②

文章目录

• jQuery 简介 ②
• • • 实例方法
    • 1、一般通过一个字符串来标识匹配的元素
    • 2、支持多个选择器任意组合使用
    • 3、jQuery 特有的选择器，当然也可以和其他选择器任意组合使用
    • 4、元素筛选（方法多，允许函数）

jQuery 简介 ②

实例方法

选择元素：
$(); 此函数可以传递多种参数，返回值是对象 （jq 对象）---> 使用 jQuery 选择器选取元素，并封装为 jQuery 对象

1、一般通过一个字符串来标识匹配的元素

$("#uid"); // 选取 id 属性为 ”uid” 的单个元素

$("p"); // 选取所有的 p 元素

$(".test"); // 选择所有带有 CSS 类名 ”test” 的元素

$("[name=books]"); // 选择所有 name 属性 ”books” 的元素

jQuery 获取元素就是通过类似于 CSS 选择器的字符串来匹配对应的元素，我们一般将其称作 jQuery 选择器 (selector)。几乎所有的 CSS 选择器都可以当做 jQuery 选择器来使用，只要 CSS 选择器对哪些元素生效，对应的 jQuery 选择器就可以选取到哪些元素。

2、支持多个选择器任意组合使用

多个选择器以空格或指定符号隔开，将匹配与前者具有指定关系的最后一个选择器所表示的元素

$("#uid span"); // 选择 id 为 ”uid” 的元素的所有后代 span 元素

$("p> span"); // 选择 p 元素的所有子代 span 元素