初次使用jQuery的心得与学习HTML CSS 的反思

最新推荐文章于 2021-07-11 23:19:55 发布

qq_43751437

最新推荐文章于 2021-07-11 23:19:55 发布

阅读量242

点赞数

分类专栏：错误摘要学习感受文章标签：学习感受

本文链接：https://blog.csdn.net/qq_43751437/article/details/96376203

版权

学习感受同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

错误摘要

0 篇文章 0 订阅

订阅专栏

1、安装jQuery

方法1
我们可以从jQuery的官网下载 jQuery.在打开网站以后，可以点击Download the compressed, production jQuery 3.x.x 。
下载截图点击后并不会弹出下载页面而是一个jQuery函数库（应该是吧），这个时候可以在本地文件夹创建一个js文件然后将代码复制进去，就完成了操作。

<script type="text/javascript" src="jquery-3.4.1.min.js"></script>
//上面的语句一定要放在所有的script语句之前
<script>这里写自己的JS</script>

方法2
可以从CDN中载入jQuery。
如：


<head>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>
</head>

感谢菜鸟教程对我的帮助详情请前往菜鸟教程学习！
在用第2种方法时，编译器（Webstorm）无法智能识别，但是可以使用（会出现很多的warning），个人认为不太方便，比较推荐第一种方法。

2初步使用

语法规则是$(selection).action

$(this).hide() 隐藏当前元素
$(“p”).hide() 隐藏p标签元素
$(“p.text”).hide() 隐藏class = “text” p标签元素
$("#text").hide() 隐藏所有id = "text"的元素

其他的简单功能有

$(“p”).hide(300).show(300) 可以先隐藏后显现（.后面可以跟很多方法）。
$(“p”).slideUp(1000).slideDown(1000) 实现向上卷起再向下滑动显示。
$(“p”).fadeToggle(1000).fadeToggle(1000) 实现元素的渐变。

感受

今天在学习完基础的jquery后我发现，这当中有许多非常有趣的东西（function）在学习该库之前，完全想象不到别人网站上的功能是如何实现的，在接触了jQuery之后，有了些许头绪。暑假半个月来，学习非常的松懒，每天学一点点HTML 和 CSS 结果在今天使用的时候才发现，自己的基础是多么的差，还是要不断地学习和回顾知识！
这是我的第一篇blog，是一个全新的开始，感谢B站UP主：CodeSheep 的视频激发了我对写blog的兴趣，写blog真的是有助于自己对学习知识的掌握，就好像从前的学科错题本一样，不仅解决了自己的问题还解决了别人的问题，给自己立个flag 坚持写blog！！！

qq_43751437

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
初次使用jQuery的心得与学习HTML CSS 的反思

1、安装jQuery方法1我们可以从jQuery的官网下载 jQuery.在打开网站以后，可以点击Download the compressed, production jQuery 3.x.x 。点击后并不会弹出下载页面而是一个jQuery函数库（应该是吧），这个时候可以在本地文件夹创建一个js文件然后将代码复制进去，就完成了操作。<script type="text/javasc...
复制链接

扫一扫