1_2jQuery初次使用
jQuery如何引入?
实现隔行变色的效果,在使用jQuery实现效果之前,先使用在HTML中使用class属性直接标记、使用JavaScript来实现动态隔行变色,然后再采用jQuery来实现,可以明显体现到jQuery的方便和简单。
原生JavaScript方式实现
使用jQuery方式实现
通过案例我们 发现,引入jQuery后我们的js代码变的简单,和write less,do more的目标特别契合
jQuery页面加载函数
页面加载函数是页面加载完毕事件绑定的函数,该函数在后面应用比较多,所以再此处强调一下jQuery中的页面加载函数。
总结:
关于jQuery的使用需要先导入jQuery的js文件,jQuery本身就是一个JS文件。jQuery.min.js是jQuery文件的压缩版,生产环境下推荐压缩版,$是jQuery是使用最多的符号,它有多个作用。这个示例中就使用了$的两个作用。
作用1:页面加载函数
jQuery(document).ready(function(){});和$(document).ready(function({}));简写为$(function(){}),相当于window.onload=function(){}但是功能比window.onload更强大window.onload一个页面只能写一个,但是可以写多个$() 而不冲突,window.onload要等整个页面加载完后再执行(包括图片、超链接、音视频等),但是$()的执行时间要早
作用2:选择器标志 $(selector)
选择器。jQuery具有强大的选择器功能,后面会有专门章节进行介绍