jQuery函数的使用

一．Jquery函数的使用

1. 作为一般函数调用：$(param)
   (1)参数为函数：当DOM加载完成后，执行此回调函数
   (2)参数为选择器字符串：查找所有匹配的标签，并将他们封装成jquery对象
   (3)参数为DOM对象：将dom对象封装成jquery对象
   (4)参数为html标签字符串（用的少）：创建标签对象并封装成jquery对象
2. 代码实践
   需求1：点击按钮，显示按钮：显示按钮的文本，显示一个新的输入框

// 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="msg3"/><br/>').appendTo('div');
    })
})

效果如下：
实现效果前：

实现效果后：

（2）需求2：遍历输出数组中所有元素
需求3.去掉” my atguigu“两端的空格

var arr=[2,4,7];
    //1)$.each():隐式遍历函数
    $.each(arr,function (index,item) {
        console.log(index,item);
    })
    //2)$.trim():去除两边的空格
    var str='   my guigu   ';
    //console.log('----'+str.trim()+'---')
    console.log('---'+$.trim(str)+'---');

效果如下：