jQuery前端框架介绍与实例

1.点击图片更换图片

<script>
        i = 0;
        $('img').click(function(){
    
            if(i%2==0){
                this.src='b.jpg';
            }else{
                this.src='a.jpeg';
            }
            i++;
        });
</script>

循环单击:用于绑定两个或多个事件处理器函数，以响应被选元素的轮流的 click 事件。
显示/影藏元素：如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。

<script>
        $('img').toggle(
            function(){
    
                this.src='b.jpg';
            },
            function(){
    
                this.src='a.jpeg';
            }
        )
</script>

2.鼠标移上去/移开之后图片改变

hover：鼠标循环移入移出

<script>
        $('img').hover(
            function(){
    
                this.src='b.jpg'<