中秋将至,小编先在这里祝大家中秋快乐!公众号在假期期间停更几天,让几位管理好好休息,假期回来火力全开!
好了,之前说了一些和Java有关的内容,由于本人从事Java开发,可能有些简单的或者用不到的东西没有提出来,没有关系,其他几位管理会继续帮大家查缺补漏。接下来几期应大家的要求,我们来谈谈jQuery。(路人甲:What?什么时候征求我们意见了?小编:多关注一下QQ群好吧。。。)
首先咱们先简单介绍一下什么是jQuery,JQuery是继prototype之后又一个优秀的Javascript库,这句话对于初学者信息量比较大。Javascript是一种弱类型的直译式脚本语言,因为语言的开发和sun公司有合作,所以名称上含有Java,但是并不能直接翻译成java脚本,另外prototype也是一个js库,在用法中也涉及到$的使用,所以当同时引用两个库的时候要处理好控制权的问题,这在后文当中会简要介绍。
就像jQuery说的:write less,do more,让我们一起来看看它有多锋利吧。
第一发:使用jQuery之前我们当然要先引入他的js库文件,这里不再赘述,最常用的操作就是使用jQuery来为元素绑定事件,为此,我们需要在页面加载完成之后再来执行我们的脚本,不然会出现找不到元素的情况,事件也就自然绑定不上了,这一操作很简单,看如下的例子:
那么更为简便的写法就是:
$(function(){
//此处填写代码
})
接下来就是介绍jQuery的操作方式,是比较方便的链式操作,只要你逻辑理得清,想写多长都可以,当然,只要达到我们的目的即可,就像这样:
看不懂的同学没有关系,各种选择器的使用将会在以后慢慢说明,如上的例子是为class属性值为level1的元素的子元素中的a标签元素绑定一个点击事件,事件的操作内容如如上注释所示,后期将逐一分解说明。本例中应注意的是".level1 > a"和"level1 a"的区别,后者是选择class为level1的元素下的所有a标签元素,不论它是否是他的第一级子节点。
第二发,讲一个常遇到的问题,就是jQuery的写法和js的写法不能混用。说到这里,就要说一下他们对于DOM的控制。因为每一张网页都能用DOM表示出来,也就是可以看做一棵DOM树。js通常会把元素识别为Element,而jQuery则封装成一个Object,那么里面所包含的信息以及操作的方式都是不同的,虽然有些时候感觉混用也没问题,但是这其中已经发生jQuery对象和DOM对象的转换,这是不规范的。接下来我们就来说一说DOM对象和jQuery对象如何转换:
在命名方式上,通过jQuery获得的jQuery对象应以$开头,避免混淆,而且jQuery也为我们提供了方面的转换方法,如下是转化为DOM对象的方法:
好了,今天讲了一些基础的内容,如果有初学的朋友一定要加深理解,前端开发者可以跳过内容直接点赞了,谢谢大家!