jQuery中"$"的理解

JQuery（或者是$）既可以作为函数使用，也可以作为对象使用；当作为函数使用时，就类似于 $(function())这样的形式；当作为对象使用时就类似于$.each()带点调用的形式。

1.作为一般函数调用：$(param)
1). 参数为函数：当DOM加载完成后，执行此回调函数
2). 参数作为选择器字符串：查找所有匹配标签，并将它们封装成JQuery对象
3). 参数为DOM对象：将dom对象封装成JQuery对象
4). 参数为html标签字符串（用得少）：创建标签对象并封装成jQuery对象

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

jQuery读写合一，不传参数就是读，传参数就是写。

比如：

innerHTML在JS是双向功能：获取对象的内容或向对象插入内容；
如：<div >也可以对某对象插入内容，如 document.getElementById('abc').innerHTML='这是被插入的内容'; 这样就能向id为abc的对象插入内容。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <div>
        <button id="btn">测试</button>
        <br />
        
        <input type="text" name="msg1" /><br />
        <input type= "text" name="msg2" /><br />
        </div>
        
        <script src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"></script>
        <script type="text/javascript">
            $(function(){
                $("#btn").click(function(){  //绑定点击事件监听
//                    alert(this.innerHTML);  //this是发生事件的dom元素，这里是button
//                    alert($(this).html())   //这个就是典型的 $函数的参数是DOM对象，会把dom对象封装成jQuery对象，后面的html()是jQuery对象的函数
                    $('<input type= "text" name="msg2" /><br />').appendTo('div');  //参数为html标签字符串（用得少）：创建标签对象并封装成jQuery对象,html标签是有“<>”的
                })
            })
        </script>
    </body>
</html>