第03章 惯例选择器 (2)ITeye - 娱乐之横扫全球

第03章 惯例选择器 (2)ITeye

2019年03月14日15时01分33秒 | 作者: 采波 | 标签: 主页,选择器,运用 | 浏览: 2810

index.html

 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" 
 html xmlns="http://www.w3.org/1999/xhtml" 
 head 
 meta http-equiv="Content-Type" content="text/html; charset=utf-8" / 
 title 惯例选择器 /title 
 script type="text/javascript" src="jquery.js" /script 
 script type="text/javascript" src="demo.js" /script 
 link type="text/css" rel="stylesheet" href="style.css" / 
 /head 
 body 
 div id="box" div /div 
 div div /div 
 div div /div 
 p p /p 
 p p /p 
 p p /p 
 strong strong /strong 
 strong strong /strong 
 strong strong /strong 
 li a href="#" 主页 /a /li 
 li a href="#" 主页 /a /li 
 /ul 
 a href="#" 主页 /a 
 a href="#" 主页 /a 
 li a href="#" 主页 /a /li 
 li a href="#" 主页 /a /li 
 li em 主页 /em /li 
 li strong 主页 /strong /li 
 /ul 
 a href="#" 主页 /a 
 a href="#" 主页 /a 
 p 主页 /p 
 p 主页 /p 
 span 主页 /span 
 span 主页 /span 
 div div /div 
 p p /p 
 div div /div 
 p p /p 
 /body 
 /html 

 

style.css

/* CSS Document */
div, p, strong{ color:#c00;}
ul li a{ color:#c00;}
*{ color:#c00;}
.box.pox{ color:#c00;}
*/

 

demo.js

$(function(){
 //$(div, p, strong).css(color,blue);
 //$(#box, .pox, strong).css(color,blue);
 //$(ul li a).css(color,blue);
 //$(*).css(color,blue);
 //alert($(*).size());
 //alert($(*)[0].nodeName);
 //在大局规模运用 * 号,会极大的耗费资源,所以不主张在大局运用
 //$(ul li *).css(color,#c00);
 //alert($(ul li *).size());//通配选择器一般运用在部分的环境内
 //$(div.box).css(color,#c00);
 //$(.box.pox).css(color,#c00);
 //$(div#box p ul li a#link);//能够,选择器越杂乱,那么字符串解析就会越慢
 $(#link);//单个 ID 不需要字符串解析,就能够获取到

 

 

版权声明
本文来源于网络,版权归原作者所有,其内容与观点不代表娱乐之横扫全球立场。转载文章仅为传播更有价值的信息,如采编人员采编有误或者版权原因,请与我们联系,我们核实后立即修改或删除。

猜您喜欢的文章