jQuery函数的使用

<!--
    1.作为一般函数调用：$(param)
        (1).参数为选择器字符串：查找所有匹配的标签，并将它们封装成jQuery对象
        (2).参数作为DOM对象:将dom对象封装成jQuery对象
        (3).参数为html标签字符串（用得少）:创建标签对象并封装成jQuery对象

    2.作为对象使用：$.xxx()
        (1) $.each():隐式遍历数组
        (2) $.trim():去除两端的空格
    -->
    

<button id="btn1">测试</button>
    <div>
        <input type="text" />
    </div>
    <script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript">
        $(function(){//绑定文档加载完成的监听
//            (2).参数作为DOM对象:将dom对象封装成jQuery对象
            $('#btn1').click(function(){//绑定事件监听
                //this是什么？发生事件的dom元素（button）
                alert(this.innerHTML );
//            (2).参数作为DOM对象:将dom对象封装成jQuery对象
            alert($(this).html());
//            (3).参数为html标签字符串（用得少）:创建标签对象并封装成jQuery对象
            $('<input type="text" />').appendTo('div');
            })
        })
        //遍历输入数组中的所有元素
        var a = [1,2,3,4];
        var sum=0;
        $.each(a, function(idex,item) {
            console.log(idex,item);
            sum+=item;
        });
        console.log(sum);
//        (2) $.trim():去除两端的空格
        var str = '    fds   ';
        console.log(str);
        console.log(str.trim());
        console.log($.trim(str));
    </script>