JQuery入门使用教程【小白适用】

最新推荐文章于 2025-03-20 10:38:23 发布

「已注销」

最新推荐文章于 2025-03-20 10:38:23 发布

阅读量292

点赞数 3

分类专栏： JS 文章标签： JQuery 入门小白适用使用教程

本文链接：https://blog.youkuaiyun.com/weixin_44063334/article/details/89351726

版权

JS 专栏收录该内容

4 篇文章

订阅专栏

首先想了解JQuery我们应该明白jQuery 是一个 JavaScript 库，并且jQuery 极大地简化了 JavaScript编程。
想要运用JQuery必须要安装,安装分为两种：第一：直接可以从 jquery.com 中下载。第二：可以通过 CDN（内容分发网络）引用它（此链接为百度端CDN库），建议使用百度、又拍云、新浪等国内CDN地址，进入网站直接复制全选复制代码粘贴到你的项目中。
因为js是弱类型语言，所以要考虑加载先后的问题，所以出现了文档就绪事件
用的最多的方法就是：
$(function(){
// 开始写 jQuery 代码…
});
JQuery的基础语法：$(selector).action()
美元符号定义 jQuery
选择符（selector）“查询"和"查找” HTML 元素
jQuery 的 action() 执行对元素的操作
jQuery 是为事件处理特别设计的，如何运用就是通过获取元素或对象去调用事件来实现其特效（页面对不同访问者的响应叫做事件。）
例如：
click事件：（点击事件：）通过鼠标点击来实现其操作：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>click</title> 
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>

 $(function(){
  $("p").click(function(){//找到p元素触发点击事件调用fuction函数
    $(this).css("color","red");//找到点击的元素将css中的color设置为red
  });
});

</script>
</head>
<body>

<p>如果你点我，我就会变红。</p>

</body>
</html>

常用的事件：click(),dblclick(),mouseenter(),mouseleave(),mousedown(),mouseup(),
hover(),focus(),blur()

以上为JQuery入门使用操作，后续还有关于JQuery遍历，JQuery亲属关系，JQuery捕获，JQueryCSS（）方法，JQuery效果（动画，浅入浅出，显示与隐藏）的问题大家也可以参考菜鸟教程及W3C进行进一步的学习