jQuery的节点

jQuery节点

• $('span').appendTo('div'); //讲 span 节点移入 div 节点内
• $('div').append('节点'); //向 div 内部插入 strong 节点
• $('div').prepend('节点'); //将 span 插入到 div 内部的前面
• $('span').prependTo('div'); //将 span 移入 div 内部的前面

text()与html()比较

相同点：text与html的语法其实很像，没有参数的时候表示获取，有参数的时候表示替换。参数可以是直接的内容，也可以是函数，返回内容。 不同点：

• 没有参数获取内容时候，text()获取的是所有元素以及它们的子元素的文本内容用空格或换行符拼接起来，只取文本内容，会过滤掉标签。而html()是第一个符号条件的元素的html内容。 获取表单里面的内容

 <div > 我爱学习，学习使我自由</div>
    <input type="text">
    <script src="./jQuery.js"></script>
    <script>
        $('div').hover(function(){
            $(this).toggleClass('div1')
        })
        let f =  $('div').html()
        $('div').click(function(){
            
                $('input').val(f.trim())

        })
    </script>