jQuery入门基本语法&选择器

_Leaf1217

已于 2022-03-15 22:14:51 修改

阅读量744

点赞数 6

分类专栏： jQuery 文章标签： jquery

于 2022-03-15 20:33:01 首次发布

本文链接：https://blog.csdn.net/qq_63492318/article/details/123509463

版权

本文介绍了jQuery的基础知识，包括为什么学习jQuery、jQuery的三部曲（下载库、引入文件、使用），详细讲解了jQuery的选择器，如基本选择器、层次选择器、过滤选择器和表单选择器，并提供了相应的使用案例。通过本文，读者可以掌握jQuery入门的必备技能。

摘要由CSDN通过智能技术生成

文章目录

一.了解什么是jQuery&为什么要学jQuery？

二.jQuery的基本语法？

三.jQuery如何使用?

四.jQuery的选择器？

五.推荐使用开发工具：HBuilder X

什么是jQuery?

jQuery其实就是：JavaScript的一个类库--->里面封装了很多的js代码。

为什么学习jQuery：

JQuery设计的宗旨是："write Less ，Do More"--->倡导写更少的代码，做更多的事情。

简化JavaScript代码开发：选择器、CSS、HTML事件处理、JS动画、浏览器兼容、丰富插件。

jQuery使用三部曲？

第一步：下载jQuery库(要选择合适自己的)；

例：jquery-3.3.1.js[开发版本]；

第二步：将js文件复制到项目中；

<script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>

第三步：使用；

jQuery的使用?

案例一：点击“提交”按钮获取文本框的值；

//案例一
        <!-- 另起一个js -->
		<script type="text/javascript">
			$(function(){//相当于JavaScript的window.onload
				//找到按钮
				var btn = $("#btn");
				//给按钮添加点击事件
				btn.click(function(){
                    //找到文本框
					var t = $("#aa").val();
                    //弹出打印
					alert(t);
			})
        </script>

        //身体部分
        <body>
            //文本框
		    <input type="text" id="aa" />
            //按钮
		    <input type=&#