jQuery核心

核心函数

作为函数调用 $(param)

1. 参数作为函数：当DOM加载完成后，执行此回调函数
2. 参数作为选择器字符串：查找所有匹配标签，并将它封装成jQuery对象
3. 参数作为DOM对象：将dom对象封装成jQuery对象
4. 参数为html标签字符串：创建标签对象并封装成jQuery对象

作为对象使用：$xxx()

1. $.each(function(index,element)):隐式遍历数组
   参数：index - 选择器的 index 位置 element - 当前的元素（也可使用 "this" 选择器

var = [1,2,3 ]

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

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

对象访问

• each()
• length 返回值Number

//计算文档中所有图片数量
<img  src="#">
<img  src="#">

jQuery代码

$("img").length

-selector 返回传给jQuery()的原始选择器

$("ul")
  .append("<li>" + $("ul").selector + "</li>")
  .append("<li>" + $("ul li").selector + "</li>")
  .append("<li>" + $("div#foo ul:not([class])").selector + "</li>");

返回
ul
ul li
div#foo ul:not([class])

• context 返回传给jQuery()的原始的DOM节点内容，即jQuery()的第二个参数。如果没有指定，那么context指向当前的文档(document)。

$("ul")
  .append("<li>" + $("ul").context + "</li>")
  .append("<li>" + $("ul", document.body).context.nodeName + "</li>");

返回：
[object HTMLDocument]  //如果是IE浏览器，则返回[object]
BODY

• get 返回是一个数组 可以传参为数组索引
• Index搜索匹配的元素，并返回相应元素的索引值，从0开始计数。如果不给 .index() 方法传递参数，那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置。
  如果参数是一组DOM元素或者jQuery对象，那么返回值就是传递的元素相对于原先集合的位置。
  如果参数是一个选择器，那么返回值就是原先元素相对于选择器匹配元素中的位置。如果找不到匹配的元素，则返回-1。