首页 前端知识 jQuery 简介 ②

jQuery 简介 ②

2024-09-30 23:09:12 前端知识 前端哥 96 375 我要收藏

文章目录

  • 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元素<

转载请注明出处或者链接地址:https://www.qianduange.cn//article/18820.html
标签
评论
发布的文章

安装Nodejs后,npm无法使用

2024-11-30 11:11:38

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!