第03章 惯例选择器(1)ITeye - 众发娱乐

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

2019年03月14日08时23分07秒 | 作者: 雨梅 | 标签: 选择器,惯例,增加 | 浏览: 563

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 id="box" 惯例选择器 /div 
 div id="box" 惯例选择器 /div 
 div id="box" 惯例选择器 /div 
 div 惯例选择器 /div 
 div 惯例选择器 /div 
 div 惯例选择器 /div 
 div id="pox" 
 p 惯例选择器 /p 
 p 惯例选择器 /p 
 p 惯例选择器 /p 
 div 
 p 惯例选择器 /p 
 p 惯例选择器 /p 
 p 惯例选择器 /p 
 /div 
 /div 
 /body 
 /html 

 

style.css

/* CSS Document */
#box{ color:#c00;//增加款式}
div{color:#c00;}
.pox{ color:#c00;}
#box{ color:#c00;}
#box p{ color:#c00;}

 

demo.js

$(function(){
 //$(#box).css(color,blue); //增加一个行为,这个行为是增加款式
 //$(div).css(color,maroon);
 //$(.pox).css(color,maroon);
 //$(#box).css(color,blue);
 //alert($(#box).size());
 //alert($(.pox).size());
 //alert($(div).size());
 //$(div).eq(1).css(color,blue);
 //alert($(div).length);
 //$(#box p).css(color,blue);
 //$(#pox).css(color,blue);
 if(document.getElementById(pox)){
 document.getElementById(pox).style.color=red;
 //许多状况下有动态 DOM 生成的问题,会导致履行不存在的 ID 选择器
 //$(#pox).css(color,blue);
 //alert($(#pox).size());
 if($(#pox).size() 0){
 $(#pox).css(color,blue);
 //alert($(#pox).get(0));
 if($(#pox).get(0)){
 alert(true);
 if($(#pox)[0]){
 alert(true);                          
			
版权声明
本文来源于网络,版权归原作者所有,其内容与观点不代表众发娱乐立场。转载文章仅为传播更有价值的信息,如采编人员采编有误或者版权原因,请与我们联系,我们核实后立即修改或删除。

猜您喜欢的文章