现在来学习JQuery,既然学习,那我们就先来看看JQuery到底是什么,可以用来干什么
是什么:JQuery 是一JavaScript库,
作用:JQuery 极大的简化了JavaScript编程(如何简化,通过6个字写得少,做的多来实现)
是否易学:很容易学习
是目前最流行的JS框架。
该库包含
HTML元素选取
HTML元素操作
CSS操作<style>
HTML事件函数
JavaScipt特效和动画
HTML DOM遍历和修改
AJAX
等
如何使用?
有两个版本的 jQuery 可供下载:
Production version - 用于实际的网站中,已被精简和压缩。
Development version - 用于测试和开发(未压缩,是可读的代码)
以上两个版本都可以从 jquery.com 中下载。
可以通过下载之后,进行引用,和VUE.js很像,<script src="jquery-1.10.2.min.js"></script>
或者通过引用<script src=""https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
注意引用:使用引用时,不要在该引用的script标签内编写其他方法,需要另外起一个script元素再进行相关操作
HTML元素选取和操作:
基本语法:$(selector).action()
$定义jQuery
selector选择符,查询或查找HTML 元素
action()执行方法,执行对所选则的元素的操作
实例:
$(this).hide()–隐藏当前元素
$(“h”).hide()–隐藏所有元素
$(“h.demo”).hide()–隐藏所有class=“demo"的元素
$(”#demo").hide()–隐藏所有Id="demo"的元素
*****同时还有一个重要地方,有时候,编写jQuery入口函数时,我们为了防止文档在未完全加载之前就运行JQuery代码,操作可能会失败,所有有时候,我们会这样写
$(document).ready(function () { }),
或者$(function(){})
这主要意义是,保证当前的文档已经加载完全,才进行jQuery操作