jQuery的学习一

jquery其实并不难学习,只要你有JavaScript的学习基础,你就能通过查看jquery官方API文档进行学习地址 https://jquery.com/,jquery的操作分为几大类:

1. 核心类

其中在这里插入图片描述
其中访问对象是核心类的主要战场
each() 相当于JavaScript中的 for each数组的遍历方法相同

例如JavaScript写法

var arr=[1,2,3,4,5]
arr.foreach(function(item,index){
	//代码块
})

item是每遍历一次所遍历出来的元素,index是遍历同时遍历出的下标

jquery写法

arr.each(function(index,item){
	//代码块
})

你看是不是只是形参顺序互相换了一下 把下标写成第一个形参而已

接下来看看size()和length的区别

size()length都是统计数量长度从代码优化上来说lengthsize()要好。因为length是属性而size()是方法。代码运行时候已经加载出数组的长度属性,这时我们使用length属性就可以直接获取。如果使用size()方法,相当于我们代码执行完后,还要再次调用这个方法,非常不太划算。

index()的使用

index() 方法返回指定元素相对于其他指定元素的 index 位置。也就是当前元素的下标值 注下标值从0开始

<ul>
<li>item1</li>
<li>item2</li>
<li>item3</li>
</ul>
  $('ul li').on('click',function(){
  alert($(this).index())
})

以上就是jquery核心类的操作认知,看起来是不是很简单啊! 加油,不要放弃!!奥利给!!!

发布了11 篇原创文章 · 获赞 3 · 访问量 120
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 创作都市 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览