jQuery基本操作-节点

添加删除样式

         添加样式
         addClass()
         删除样式
         removeClass()

         toggleClass模拟了addclass( ) 与removeclass()实现样式切换的过程 
         toggleClass()
         
         mouseover鼠标移入 
         mouseout鼠标移除
         
         hover只写一个方法表示鼠标移入移除都会执行 
         $('div').hover(function(){
            $('div').toggleClass('div')
        }) 
        
        

jquery节点

        (A).append(B)表示将B追加到A中
        let li=$('<li>1111</li>')
        append()还可以插入字符串 
        $('ul').append(li) 


        $(A).append To(B)表示把A追加到B中 
        li.appendTo($('ul')) 

        向前 */
        $(A). prepend(B)表示将B前置插入到A中 
        $('ul').prepend('123') 

        $(A). prependTo(B)表示将A前置插入到B中 
        $('<p>aa</p>').prependTo($('ul')) 

节点同级插入

         $(A ).after (B)表示将B插入到A之后 
         $(this).after($('<h1>我是h1</h1>')) 

         $(A). insertAfter(B)表示将A插入到B之后 
         $('<h1>我是h1</h1>').insertAfter($(this)) 

      
         $(A). before (B)表示将B插入至A之前 
         $(this).before($('<h1>我是h'+cont+'</h1>')) 
         cont++ *

         $(B). insertbefore (A)表示将B插入至A之前 
        $('<h1>我是h'+cont+'</h1>').insertBefore($(this))