JavaScript Jquery

最新推荐文章于 2024-08-27 01:45:00 发布

流萤茶色青

最新推荐文章于 2024-08-27 01:45:00 发布

阅读量246

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_38610613/article/details/78666795

本文介绍了jQuery中各种选择器的使用方法，包括基本选择器、层次选择器和过滤选择器等，并详细讲解了如何利用jQuery进行DOM的操作，如属性获取、内容修改及节点的动态插入和删除。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery里面的$符，this.each遍历全部元素，jQuery的插件分为对象级的和类级别的，对象级的是依附于对象jquery.fn;类级别的依附于jQuery工厂对象。

jQuery的链式操作语法，所以插件必须返回一个jQuery对象。

jQuery专注于前端，客户端，操纵DOM；node.js专注于服务端

jQuery的选择器是jQuery的重中之重，核心功能。

基本选择器
- id选择器$("#divId")
- 标签选择器$("a").css("font-size","18px");
- CSS样式类选择器 $(".bgRed")
- 通配符选择器$("*")
层次选择器
- 后代选择器$("ul li").css("font-weight","bold"); || $("#services li").css("background",“#fff'”);后代选择器只选择所有的子元素
- 父子选择器$("#product,#services").css("font-size","9pt");|| $("#nav>li').css("font-size","14px");父子选择器只选择其父子关联的元素，
- 相邻选择器$("#prod1+li").css();||$("#prod1").next().css("font-size","italic");
- 平级选择器$("#srv2~li").css("font-style","italic");||$("#srv2").nextAll().css();||$("#srv2").siblings("li").css("font-size","italic");
过滤选择器
- 基本过滤器
- - :first
  - :last
  - :odd
  - :even
  - :eq(index) lt gt
  - :header
  - :animated
- 内容过滤器
- 子元素过滤器
- 表单元素过滤器
表单选择器