10_jQuery：简单好用的JavaScript代码库_第一天

jQuery入门

目前最流行的JavaScript函数库之一，对JavaScript进行了封装

将常用的、复杂的JavaScript操作进行函数化封装，封装后可以直接调用，大大降低了使用JavaScript的难度，改变了使用JavaScript的习惯。

第一个案例

CCS实现  缺点是很明显的，一旦改变增加或者删除某些行，改变了奇偶行顺序，就不是隔行变色了。

js 实现  代码量也多

jQuery实现

JS

<script type="text/javascript">
        window.onload = function(){
            var trs = document.getElementsByTagName('tr');
            for(var i = 0; i < trs.length; i++){
                if(i % 2 == 0){
                    trs[i].style.backgroundColor = 'gold';
                }else{
                    trs[i].style.backgroundColor = 'skyblue';
                }
            }
        }
    </script>


jQuery
    <script type="text/javascript">
        $(function(){
            $('tr:odd').css('background-color'， 'gold');
            $('tr:even').css('background-color'， 'skyblue');
        })
    </script>
</head>

jQuery

• 关于jQuery的使用需要先导入jQuery的js文件，发现jQuery本身就是一个JS文件。

• $是jQuery使用最多的符号，它有多个作用。这个示例中就使用了$的两个作用。

作用1：$(function(){})

• 相当于 window.οnlοad=function(){}，功能比window.onload更强大

• 作用2： $(selector)

• 选择器。jQuery具有强大的选择器功能

• jQuery的基本语法：$(selector).action

  获取页面内容:$(selector)

  操作页面的内容：action

  • 控制页面样式

  • 访问和操作DOM元素

  • 事件处理功能

  • 动画功能

  • Ajax功能（jQuey不仅封装了JavaScript，还封装了Ajax）