简单的CSS选择器-常规选择器
* css常规选择器有5个
* tag标签选择器: $('div'),根据标签名选择,返回集合
* id选择器:$('#top'), 根据元素id属性选择,返回单个
* class选择器:$('.active'), 根据元素class属性选择,返回集合
* *通配选择器: $('*'),选择全部元素,返回集合
* group组选择器: $('p, h2, li'),同时选择多个不同元素,返回集合
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>1简单的CSS选择器-常规选择器</title> </head> <body> <h2>标签选择器</h2> <h2>标签选择器</h2> <h2 id="green">id选择器</h2> <h2>类选择器</h2> <h2>类选择器</h2> <p>我是一个段落</p> <li>我是一个列表项</li> </body> </html> <script type="text/javascript" src="../js/jquery.js"></script> <script type="text/javascript"> //1.标签选择器:选择页面中具有相同标签名称的元素,返回集合 $('h2').css('color', 'red') //2.id选择器: 根据标签中的id属性来选择元素,返回单个 $('#green').css('color', 'green') //3.类选择器: 也叫class选择器,根据标签中的class属性来选择元素,返回集合 $('.blue').css('color', 'blue') //4.通配选择器: 选择所有的元素,返回集合 $('body *').css('background-color', 'wheat') //5.群组选择: 同时选择多个不同类型的元素,返回集合 $('h2.blue, p, li').css('border', '2px solid red') </script>
Atas ialah kandungan terperinci 简单的CSS选择器-常规选择器. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Apakah jenis pemilih css yang ada?
Pengetahuan diperlukan untuk bahagian hadapan web
pintu masuk laman web rasmi platform dagangan okx
masa sistem linux
Penggunaan kata kunci asas dalam C#
Perbezaan antara bon0 dan bon1
Bagaimana untuk menyelesaikan masalah bahawa pengurus peranti tidak boleh dibuka
Adakah java front-end atau back-end?
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
