我的第一个JQuery

本文介绍了如何开始使用JQuery,包括从jQuery官网下载最新版本的库文件,以及在HTML中引入JQuery并编写简单的点击事件示例。通过这个例子,展示了JQuery如何简化JavaScript代码,实现点击链接弹出消息的功能。
摘要由CSDN通过智能技术生成

大家都知道JQuery封装了JavaScript的许多方法,JQuery也比JavaScript使用方便,下面咱们来具体聊一下。

1,环境

使用JQuery要下载插件,jQueryicon-default.png?t=M1FBhttps://jquery.com里面有下载地址,一般都系下载最新的插件,跟住时代的脚步,不让自己掉队。

 开发人员一般第二个就可以,未压缩版,200多kb,下载后导入相应的目录。

如下,

 咱们来写第一个例子,点击连接页面弹出消息。

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="lib/jquery-3.6.0.js"></script>
	</head>
	<body>
		<!--JQuery公式:$(selector).action()
		-->
		<a href="" id="test-jquery">点我</a>
		<script>
			document.getElementById('id');
			//选择器就是CSS选择器
			$('#test-jquery').click(function(){
				alert('hello');
			})
		</script>
	</body>
</html>

结果如下,

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值