$

$

执行jQuery函数，返回jQuery对象

1.作为一般函数调用：$(param)

　　1).参数为函数：当DOM加载完成后，执行此回调函数。

　　2).参数为选择器字符串：查找所有匹配的标签，并将他们封装成jQuery对象

　　3).参数为DOM对象，将dom对象封装成jQuery对象

　　4).参数为html标签字符串(用的少)：创建标签对象并封装成jQuery对象

2.作为对象使用：$.xxx()

　　1).$.each():隐式遍历数组

　　2).$.trim():去除两端的空格

 

练习一：

点击按钮：显示按钮的文本，显示一个新的输入框

        //　1).参数为函数：当DOM加载完成后，执行此回调函数。
        $(function () {//绑定文档加载完成的监听
           // 2).参数为选择器字符串：查找所有匹配的标签，并将他们封装成jQuery对象
            $('#btn').click(function () {//绑定点击事件监听
               // this是发生事件的dom元素（<button>）
               /* alert(this.innerHTML)*/
              //　3).参数为DOM对象，将dom对象封装成jQuery对象
                alert($(this).html())
                //4).参数为html标签字符串(用的少)：创建标签对象并封装成jQuery对象
                $('<input type="text" name="msg2"/><br>').appendTo('div')

            })
        })

　　

练习二：

遍历输出数组中的所有元素值

 

  var arra = [2,4,7,9]

            $.each(arra,function (index,item) {
                console.log(index,item)
            })

 

　　

去除两端的空格

 

var str = "  my atguigu   "
            console.log(str.trim())
            console.log('---'+ $.trim(str) +'---')