JavaScript 按钮回调函数 Jquery选择器

一个非常简单的实例,实现了 button回调
点下按钮之后 会跳出一个alert框 这个回调function在head里面定义

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>事件响应测试</title>
	<script>
		function clickFunc(){
			
			alert("这是一个警告框");
	    }
	</script>
</head>
<body>
	<button onclick = "clickFunc()" > 点我  </button>
	<!-- this function is the function we define in the head -->
</body>
</html>

显示两个按钮,一个按钮会跳出一个alert框并且关了之后会在页面显示文本 并且改变另一个按钮的文本(通过jQuery实现)
另一个就是普通的按钮

<!DOCTYPE html>
<html lang="en">  
<!-- 设置语言为英文 但是可以输出中文,只是告诉浏览器要不要翻译 -->
<head>
	<meta charset="UTF-8">
	<!-- 引入jQuery代码包 -->
	<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
	<title>jQuery选择器测试</title>
	<script>
	<!-- show two kinds of 选择器  类前面是.  id前面是# -->
		function clickFunc(){
			alert('这是警告,关闭后显示文字');
			$(".pasClass").text('hello');
			$("#clickMe").text("狂戳");
		}
		
		function clickFunc1(){
			alert ("戳了也没用");
		}
	</script>
</head>
<body>
	<!-- <p></p>是html语言中的一个段落标记,<p></p>中间如果有内容,会显示在页面 -->
	<p class="pasClass"></p>
	<button onclick="clickFunc1()" id="clickMe" >点我</button>
	<button onclick="clickFunc()">先点我</button>
</body>
</html>
发布了69 篇原创文章 · 获赞 14 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/weixin_41147129/article/details/103047466