关于jQuery的基础以及使用

开发工具与关键技术：Visual Studio 2015   MVC
作者：任浩基
撰写时间：2019/4/15

相信大家在用DW的时候都知道可以使用JavaScript，但是却不能使用jQuery。因为jQuery要在Visual Studio 2015(也就是vs中)使用。下面由我为大家简单介绍一下jQuery。
在做介绍的前提下。我们先来了解JavaScript以及jQuery基本定义。
1、 JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。是一种轻量级的编程语言，可插入 HTML 页面的编程代码。插入 HTML 页面后，可由所有的现代浏览器执行。
2、 jQuery是一个 JavaScript 函数库。同时也是一个轻量级的"写的少，做的多"的JavaScript 库。jQuery库包含以下功能：（1）HTML 元素选取（2）HTML 元素操作（3）CSS 操作（4）HTML 事件函数（5）JavaScript 特效和动画（6）HTML DOM 遍历和修改（7）AJAX (8）Utilities。除此之外，jQuery还提供了大量的插件。
我们为什么使用jQuery呢!因为目前网络上有大量开源的 JS 框架,但是 jQuery 是目前最流行的 JS 框架，而且提供了大量的扩展。所以我们通常情况下都是使用jQuery的。
好了废话不多说，正式进入正题:

书写jQuery之前必须先引入jquery的Js。jQuery是一Jvascript脚本库，JavaScript不需要安装，只需要我们在页面中引入就可以使用了。标签内中，通过 script 标签引入 jquery 库即可。
Jquery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。
基础语法: $(selector).action()
$美元符号定义 jQuery
选择符（selector）“查询"和"查找” HTML 元素
jQuery的action() 执行对元素的操作
下面是一些实例:
$(this).hide() – 隐藏当前元素
$(“P”).hide() – 隐藏所有

元素
$(“p.text”).hide() – 隐藏所有 class=”text”的

元素
$(“#text”).hide() – 隐藏所有 id=”text”的元素效果document.getElementById();
我们的实例中的所有 jQuery 函数位于一个 document ready 函数中：它会在文档加载完成再运行jQuery代码。这是为了防止文档在完全加载之前就运行 jQuery 代码。如果在文档没有完全加载之前就运行函数，操作很可能有会失败的，因此我们要在文档加载好了才能运行jQuery代码。
下面写个例子以及效果图说明
例子：隐藏标签(用JavaScript写的)

效果图为:
上图为未启用时的效果图，下图为已启用的效果图:
因为我们写的是隐藏代码，所以上述效果图故为空白。对了还有最重要的一点就是jQuery效果等同JavaScript效果，所以我们在写代码时可使用jQuery也可使用JavaScript。但通常情况都是使用jQuery。如:查找 HTML 元素可通过 jQuery，您需要操作 HTML 元素。但为了完成这件事情，您首先要找到该元素，不然一切都是空谈。
上面就是鄙人对jQuery的基础以及使用的讲述。