核心函数
作为函数调用 $(param)
- 参数作为函数:当DOM加载完成后,执行此回调函数
- 参数作为选择器字符串:查找所有匹配标签,并将它封装成jQuery对象
- 参数作为DOM对象:将dom对象封装成jQuery对象
- 参数为html标签字符串:创建标签对象并封装成jQuery对象
作为对象使用:$xxx()
- $.each(function(index,element)):隐式遍历数组
参数:index - 选择器的 index 位置
element - 当前的元素(也可使用 "this" 选择器
var = [1,2,3 ]
$.each( arr ,function(index,item){
console.log(index,item)
})
- $.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。