1 // JQuery修改顶牌元素的样式 2 // 选择class 3 $('.card-title1').css('font-size', '30px') 4 // 选择id 5 $('#scene-card-52432').css('width', '50px') 6 // 选择id下的class,层级中间为空格 7 $('#scene-card-52432 .card-title1').css('font-size', '20px')
8 $('[id=scene-card-52432] [class=card-title1]').css('font-size', '30px') // 同上
jQuery获取元素的方法
1. 利用标签名改变格式
语法: $(‘标签名’)
2.通过id获取元素
语法: $(‘#id’)
3.通过类名获取元素
语法: $(‘.类名’)
4. 一次性获取多个元素
语法: $(‘元素名,元素名,元素名,…’)
html代码如下:
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>jquery</title> 6 <script src="./jquery-1.8.3.js"></script> 7 <script src="./jquery.js"></script> 8 </head> 9 <body> 10 <p><span>这是一个span标签</span></p> 11 <div id="div1">id号为div1</div> 12 <p class="p1">通过类名获取标签改变样式</p> 13 </body> 14 </html> 15 ----------------------------------- 16 jquery获取id jquery获取id为5的元素 17 https://blog.51cto.com/u_12226/6306407
Javascript对应代码如下:
1 $(function(){ 2 $("span").css("color","red"); 3 $("#div1").css("color","blue"); 4 $(".p1").css("color","yellow"); 5 $("span,#div1,.p1").css("background","pink"); 6 })
引用参考地址:https://blog.51cto.com/u_12226/6306407