Jquery入门之----------选择器-------------
2024-10-18 00:33:20
Jquery最核心的组成部分就是选择器引擎。他继承了CSS的语法,可以对DOM元素的标签名、属性名、状态等进行快速、精确的选择,并且不必担心浏览器的兼容性。Jquery选择器除实现了基本的标签选择外,还提供了各种特殊的选择。
一、基本选择器:
对于获取的元素的个数我们可已通过两个方法来获取
$("div").size();
$("div").length();
二、进阶选择器:
三、层次选择器:
在兼容CSS选择器模式的同时下,Jquery又自定义了独特的方法进行DOM对象的选择。具体方法如下:
$('#box').children('p').css('color','red'); //等同于子选择器
$('#box').next('p').css('color','red'); //等同于同级下一个元素
$("#box").nextAll('p').css('color','red'); //等同于同级所有下面的元素
$("#box").prev('p').css('color','red'); //等同于同级上一个元素
$("#box").prevAll('p').css('color','red'); //等同于同级所有下面的元素
$("#box").prevUntil('p').css('color','red'); //等同于同级上非指定元素选定,遇到则停止
$("#box").nextUntil('p').css('color','red'); //等同于同级下非指定元素选定,遇到则停止
$("#box").siblings('p').css('color','red'); //等同于同级上下所有元素
四、属性选择器:
最新文章
- [开源]无sql之旅-Chloe.ORM之增删查改
- linux安装,window上安装centos虚拟机
- 重命名nginx服务器
- 关于Cannot assign to 'self' outside of a method in the init family解决方法
- DWZ (JUI) 教程 DWZ中dialog层的刷新
- C#前端頁面判斷控件
- SQL排序 空值的后面
- Mapreduce运行过程分析(基于Hadoop2.4)——(一)
- Raft详解-启动后运行期间代码
- MyBatis与Spring集成
- 最小k个数
- Invoke-ASCmd 部署SSAS database
- Python并发编程之实战异步IO框架:asyncio 下篇(十一)
- webpack(3)-管理资源
- virtual dom 简单了解
- VM克隆后找不到eth0的问题解决
- 常用的16个c/c++面试题
- 安装v2ray+SwitchyOmega使用谷歌***
- ThreadLocal详解,ThreadLocal源码分析,ThreadLocal图解
- Layui_Tree模块遍历HDFS