jQuery 操作节点/操作类名

• append() - 在被选元素的结尾插入内容
• prepend() - 在被选元素的开头插入内容
• after() - 在被选元素之后插入内容
• before() - 在被选元素之前插入内容

在 jQuery 中，CSS 类名操作共有以下 3 种。

• 添加 class。
• 删除 class。
• 查询 class。

$().addClass("类名")--添加

$().removeClass("类名")--删除

$().hasClass("类名")--删除

代码:鼠标移入改变样式,移除还原

 // $('div').mouseover(function () {
        //     if ($('div').hasClass('box big')) {
        //         $(this).removeClass('box big')
        //     }
        //     else {
        //         $(this).addClass('box big')
        //     }
        // })
        // $('div').mouseout(function () {
        //     if ($('div').hasClass('box big')) {
        //         $(this).removeClass('box big')
        //     }
        //     else {
        //         $(this).addClass('box big')
        //     }
        // })

        //封装方法
        function toggleFn(){
            if($(this).hasClass('box big')){
                $(this).removeClass('box big')
            }
            else{
                $(this).addClass('box big')
            }
        }
        $('div').mouseover(function(){
            //通过call()方法改变this指向
            toggleFn.call(this)
        })
        $('div').mouseout(function(){
            toggleFn.call(this)
        })