3.jQuery两把利器之jQuery核心函数

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

  1). 参数为函数时 :代表的是当DOM加载完成后，执行此回调函数

            就是$(function(){...})：类似于js里面的window.onload(但是不完全一样，后面总结)

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

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

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

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

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

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

例子说明：

html 代码和图

需求1. 点击按钮: 显示按钮的文本, 显示一个新的输入框

$(function(){//绑定文档加载完成的监听

    //给btn绑定事件监听

    $("#btn").click(function(){

//显示按钮文本（两种表达）

         alert($("#btn").html())

          alert($(this).html())//this代表被封装的jquery对象的dom对象

//显示新的输入框

、、

需求2. 遍历输出数组中所有元素值

//创建数组

var arr=[1,2,3,4,5];

//遍历数组

$.each(arr,function(){

console.log(this);

})

需求3. 去掉"  hello World  "两端的空格

var str="  hello World  "

        console.log("-----"+$.trim(str)+"-----")