02jquery01-05jquery选择器
2016-11-01 17:01
155 查看
jquery选择器 ul>li{兄弟很多$}*8 $("#demo") 选择id为demo的第一个元素 $("#demo").css("background-color","red"); $(".liItem") 选择所有类名为liItem的元素 $(".liItem").css("background","red"); $("div") 选择所有标签名为div的元素 $("div").css("background","red"); $(".liItem , div") 选择多个指定的元素 $(".liItem , div").css("background","red"); 规律:$(selector).css("background","red");
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> </style> <script src="jquery-1.11.1.min.js"></script> <script> $(document).ready(function () { $("#b03").css("font-size","30px"); }); </script> </head> <body> <ul> <li>兄弟很多1</li> <li>兄弟很多2</li> <li id="b03">兄弟很多3</li> <li>兄弟很多4</li> <li>兄弟很多5</li> <li>兄弟很多6</li> <li>兄弟很多7</li> <li>兄弟很多8</li> </ul> </body> </html>
相关文章推荐
- jQuery基础----05jQuery选择器和事件-事件之事件目标与冒泡
- jQuery 选择器属性大全
- jquery选择器之伪类选择器
- jquery选择器之层次选择器
- jQuery中的基本选择器用法学习教程
- jQuery选择器——子元素过滤选择器
- 1、JQuery——选择器
- jQuery 选择器(selector)中的逗号(comma)的用法
- jquery选择器
- JQuery各选择器介绍
- jquery选择器之层次选择器
- Jquery基本选择器与层次选择器
- jQuery年月日(生日)选择器
- jQuery选择器——属性过滤选择器
- JQuery常用选择器总结
- jQuery的选择器全解读(1)
- jquery中的选择器:has和:not的用法
- jquery的选择器$('')在IE6下对JS动态生成(比如ajax生成的)的元素失效的解决办法
- jquery 过滤选择器
- 关于Jquery的选择器