简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > JS Tutorial > body text

jquery multiple selector for selecting multiple elements

高洛峰
Release： 2016-12-17 16:04:27
Original
1317 people have browsed it

In jQuery, you can select multiple selections by separating characters with commas.

For example:

$(.class1, .class2, #id1)

In the above example, all elements with class name class1, class2 and id 1 will be selected.

Jquery example:

In the following example, all elements with class name p1 and class name p2 and id div3 will dynamically add a red border. 

<html>  
<head>  
<title>select mutiple elements example</title>  
<script type="text/javascript" src="../jquery-1.11.1.min.js"></script>  
</head>  
<script type="text/javascript">  
$(document).ready(function(){  
$(".p1,.p3,#div3").css("border","2px solid red");  
  
  
  
});  
  
  
</script>  
<body>  
<h1>select mutiple element example</h1>  
<p class="p1">P1</p>  
<p class="p2">P2</p>  
<p class="p3">P3</p>  
<p class="p4">P4</p>  
   
<div id="div1">DIV1</div>  
<div id="div2">DI2</div>  
<div id="div3">DI2</div>  
<div id="div4">DI2</div>  
</body>  
</html>
Copy after login

Effect:

jquery 用于选择多个元素的多选择器


For more jquery multi-selector related articles for selecting multiple elements, please pay attention to the PHP Chinese website!



Related labels：
jquery选择器
source：php.cn
Previous article：Jquery: powerful selectors Next article：jquery selector encyclopedia, comprehensive and detailed explanation of jquery selector
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
Select woocommerce related products using custom taxonomy with 3 level hierarchy I have a woocommerce store with a custom classification of "Sports". The classif...
From 2024-04-06 20:05:30
0
1
544
MySQL: "Select text from... as <variable here or subquery>" I have the following table with the following data: id text language 1 german text german ...
From 2024-04-06 19:25:54
0
2
529
Unable to get input element from website So I'm trying to get an input element from Twitter, but when I run it it keeps giving me a...
From 2024-04-06 18:59:57
0
1
442
How to select multiple checkboxes in Reactjs I have a list of options in which I want to select multiple checkboxes but am unable to do...
From 2024-04-06 18:55:21
0
1
396
Even after clearing, the value of my file input remains As you can see in the screenshot. I select a file, keep the popup without refreshing the p...
From 2024-04-06 15:44:52
0
1
384
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
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！