Community Learn Tools Library Leisure
search
English
Home > Web Front-end > JS Tutorial > Introduction to the differences between jquery next nextAll nextUntil siblings_jquery

Introduction to the differences between jquery next nextAll nextUntil siblings_jquery

WBOY
Release： 2016-05-16 17:20:35
Original
1214 people have browsed it

next: an element next to $('')

nextAll: all sibling elements after $('')

nextUntil: until. . . The previous meaning, so it means all sibling elements after $(''), but before the nextUntil parameter, excluding the matching element itself

sibings: all sibling elements before and after $('')

The simple understanding is that next is to find his younger brother/sister, nextAll is to find all his younger brothers/sisters, nextUntil is to find younger brothers/sisters who are a certain age younger than him, siblings is to find all his brothers/ Sister, and all his brothers/sisters. So the same peer relationship, prev, prevAll, prevUntil

The following is a simple test code

Copy code The code is as follows:





Document




hhh

This is a title



This is a test


This is a test


This is a test< ;/p>

hhha

This is a test


This is a test


< ;/div>
<script> <br>$(function(){ <br>//$('p:first').next().css('background','red'); <br>//$('p:first').nextAll().css('background','yellow'); <br>//$('p:first').nextUntil('div').css ({'font-size':20,background:'red'}); <br>//$('p:first').siblings().css('background','yellow'); <br> }); <br></script>


Related labels：
next
source：php.cn
Previous article：js switching cursor sample code_javascript skills Next article：Introduction to three syntaxes of jquery() function_jquery
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
next not working properly in middleware using Nodejs I am working with Nodejs and using expressjs and now I am working on middleware functional...
From 2024-04-04 17:33:56
0
1
340
Unable to retrieve data using postgres and nodeJS This is how I set up the following files: index.jsconstexpress=require('express')constapp=...
From 2024-04-03 11:13:03
0
1
268
Explore the functionality of the "next" function in Express middleware and its role in redirecting to another function. I'm new to Nodejs and working on Expressjs and now I'm working on "middleware functio...
From 2024-04-02 21:02:16
0
1
317
Next.js 13 How to get cookies on client and server side I have a function myFetch which is a wrapper around fetch to add a token in the header imp...
From 2024-04-01 11:22:43
0
1
470
Understand the functionality of the "next" parameter in Node.js Express middleware functions I'm working on Nodejs and using "Expressjs" and now I'm working on "Middlew...
From 2024-04-01 09:13:25
0
1
328
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template