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)
})
  1. $.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。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值