2017年06月07号课堂笔记

2017年06月07号 晴 空气质量：中度污染—>良

内容：jQuery第二节：基本选择器，层次选择器，属性选择器，

基本过滤选择器，可见性过滤选择器

备注：代课老师：李老师

一、基本选择器

1）老师代码：

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
















    
    

        id为box的div
        
class为title的h2

        
class为title的h3

        
热门排行

        

            

                
            

            
斗地主

            
休闲游戏

            
QQ斗地主是国内同时在线人数最多的棋牌游戏......

        

    

2）自己代码：

    
    
    
    


数字



    
考生加油

    
two

    
three

    
four


打招呼


    
hello

    
hi

    
ola

    
你好


哪个好看

海贼王和火影哪个好看？众说纷纭~

科幻和玄幻哪个好看？众说纷纭~

二、层次选择器

1）老师代码：

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>


















    

        
全部旅游产品分类

        

            

                北京周边旅游特价
            

            

                按天数 海边旅游 草原
            

        

        
        

            
景点门票

            

                名胜 暑期 乐园
            

            

                山水 双休
            

        

        更多分类
    

2）自己代码：

    
    
    
    



数字



    
考生加油

    
two

    
three

    
four


打招呼


    
hello

    
hi

    
ola

    
你好


哪个好看


    
孙子
海贼王和火影哪个好看？

儿子科幻和玄幻哪个好看？

商业片和文艺片哪个好看？

众说纷纭~

三、属性选择器

1）老师代码：

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
















    

        
动画列表

        

            
名侦探柯南

            
火影忍者

            
死神

            
妖精的尾巴

            
银魂

            
黑猫警长

            
仙履奇缘

        

    

2）自己代码：

    
    
    
    


属性选择器怎么玩


我是#字军

我是#字军

我是#字军

hello

brilliant

onepiece

sanji

juniorsanji

normalwords



    
考生加油

    
two

    
three

    
four


打招呼


    
hello

    
hi

    
ola

    
你好

四、基本过滤选择器

1）老师代码：

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
















获取焦点：
网络小说


  
王妃不好当

  
致命交易

  
迦兰寺

  
逆天之宠

  
交错时光的爱恋

  
张震鬼故事

  
第一次亲密接触

2）自己代码：

    
    
    
    


数字


    
考生加油

    
two

    
three

    
four


打招呼


    
hello

    
hi

    
ola

    
你好

五、可见性过滤选择器

1）老师代码：

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
















   show
   hide
 
显示1

 
显示2

 
显示3

2）自己代码：

    
    
    
    
    


隐藏？

显示？

无所谓？

六、作业

1、看视频

2、练习代码

七、老师辛苦了！

PS:今天是高考第一天，祝福各位考生放平心态，发挥出自己的水准！加油！