初识jQuery

一、jQuery简介

  • 为了简化 JavaScript 的开发, 一些 JavsScript 库诞生了. JavaScript库封装了很多预定义的对象和实用函数。能帮助使用者建立有高难度交互的页面, 并且兼容各大浏览器

  • 当前流行的 JavaScript 库有

  • jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITE LESS,DO MORE。优势如下:

    • 轻量级(压缩后只有几十k)
    • 强大的选择器
    • 出色的DOM操作的封装
    • 可靠的事件处理机制
    • 完善的Ajax
    • 出色的浏览器兼容性
    • 隐式迭代：对集合对象做相同操作时不需要逐个进行遍历，jQuery自动进行遍历
    • 文档说明很全
    • 可扩展插件

二、jQuery快速入门

  • 将jQuery的库文件加入应用

    • 在开发测试时, 用的是未压缩的版本: jquery-1.7.2.js
    • 在上线项目中, 会使用压缩后的版本: jquery-1.7.2.min.js

  • HelloWorld示例

    点击查看代码 
    <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HellojQuery</title>
<script type="text/javascript" src="../script/jquery-1.7.2.js"></script>
<script type="text/javascript">
	$(function(){
		$("#btnId").click(function(){
			alert("Hello jQuery");
		});
	});
	
</script>
</head>
<body>
	<button id="btnId">Hello World!</button>
</body>
</html>
posted @   boge_blogs  阅读(31)  评论(0)  编辑  收藏  举报
相关博文：
·  Selenium常用API及常用等待方式介绍
·  rest-assured请求实践及响应获取
·  JQuery概述1.2
·  1_1jQuery简介
·  1_1jQuery简介
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配，妙~啊~
· .NET Core 中如何实现缓存的预热？
点击右上角即可分享
微信分享提示
SQL AI 助手