jQuery入门&选择器

最新推荐文章于 2023-07-25 07:50:51 发布

--mq--

最新推荐文章于 2023-07-25 07:50:51 发布

阅读量657

点赞数 1

分类专栏： jQuery入门文章标签： jquery javascript 前端

本文链接：https://blog.csdn.net/m12120426/article/details/123528955

版权

本文介绍了jQuery的入门知识，包括jQuery是什么、为何需要使用它以及如何入门。此外，详细讲解了jQuery的选择器，包括层次选择器、过滤选择器和表单选择器，并给出了相应的代码示例。

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

jQuery入门

jQuery是什么？

jQuery是一个快速、简介的JavaScript框架，它设计的宗旨是"write Less,Do More",即写更少的代码，做更多的事情。

在哪些情况下需要jQuery？

1.中大型网站的开发

2.是一些前端框架的基础，比如说Easy、Bootstrap

使用jQuery的基本步骤：

①下载jQuery的库

②将下载的js文件引入你的项目

③开始编写代码

使用jQuery实现点击按钮获取文本框的值

代码如下：

<!-- 引入外币js=jQquery的类库 -->
		<script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
		<!-- 另起一个javescript -->
		<script type="text/javascript">
			//页面载入函数 加载DOM
			$(function(){//相当于window.on
				var b=$("#btnb");//拿到按钮
				b.click(function(){//点击事件
					//根据ID找到文本框的值并弹出
                    var a=$("#aa").val();
					alert(a);
				})
        </script>

【页面代码】

<body>
<h2>jQuery入门&选择器</h2>
		<h4>案例1:点击按钮弹出文本框的值</h4>
		<input type="text" id="aa" />
		<input type="button" id="btnb" value="点击[jQuery方式]" />
</body>

最低0.47元/天解锁文章

--mq--

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery入门&选择器

jQuery入门jQuery是什么？jQuery是一个快速、简介的JavaScript框架，它设计的宗旨是"write Less,Do More",即写更少的代码，做更多的事情。在哪些情况下需要jQuery？1.中大型网站的开发2.是一些前端框架的基础，比如说Easy、Bootstrap使用jQuery的基本步骤：①下载jQuery的库②将下载的js文件引入你的项目③开始编写代码使用jQuery实现点击按钮获取文本框的值代码如下：<!-- 引入外币js
复制链接

扫一扫

专栏目录