day29 js基础5

// 获取可视区的宽度和高度
// 获取宽高的时候，要看有没有DTD的说明，如果有，使用documentElement，如果没有，使用body
var clientWidth = document.documentElement.clientWidth
var clientHeight = document.documentElement.clientHeight

1、吸顶条

// 可以直接获取到div的宽度和高度，而且是不带px， 并且样式无论在哪都可以获取到，这两个属性是只读属性
offsetWidth
offsetHeight
// 可以直接获取到div的距离浏览器上边的距离和距离浏览器左边的距离，而且是不带px， 并且样式无论在哪都可以获取到，这两个属性是只读属性
offsetTop
offsetLeft

• 滚动事件

    
    
    
    


    
此处添加文章

• 吸顶条

    
    
    
    
    
    


此处添加文章
        

        

此处添加文章

2、自动播放选项卡

    
    
    
    
    


    

        国产电影
        韩日电影
        欧美电影
        其他电影
        
霸王别姬、卧虎藏龙、大话西游、东邪西毒、无间道、功夫
        
釜山行、汉江怪物、奥特曼、灌篮高手、热血高校、午夜凶铃
        
肖申克的救赎、阿甘正传、敢死队、泰坦尼克号、这个杀手不太冷、盗梦空间
        
三傻大闹宝莱坞、摔跤吧、小萝莉的猴神大叔、厕所英雄
    

3、jquery

jquery是什么？

jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.

jQuery是一个快速、小型、功能丰富的JavaScript库。它使HTML文档遍历和操作、事件处理、动画和Ajax等工作变得更加简单，并且具有在多个浏览器之间工作的易于使用的API。结合了通用性和可扩展性，jQuery改变了数百万人编写JavaScript的方式。

版本要求：看版本.txt
压缩和非压缩
.min.js : 压缩版本，一行代码，没有了空格、缩进等
.js : 非压缩版本，正常的代码查看
使用方式
可以本地使用

可以引入网络文件使用

• 选择器
  jquery通过选择器就可以找到指定的节点
  id、class、标签、层级

• 基本
  :first 第一个
  :last 最后一个
  :even 偶数下标
  :odd 奇数下标
  :eq() 等于哪个下标
  :gt() 大于哪个下标
  :lt() 小于哪个下标

    
    
    
    
    


    
周杰伦
    
王力宏
    
林俊杰
    

        

            

                
王宝强
                
王者荣耀
                
王八蛋
            
        
        

            

                
马云
                
马蓉
                
马化腾