在 jquery 中，可以通过选取 dom 元素并调用 attr() 方法来动态设置 style 属性，从而为元素添加内联样式。以下以向 <div> 标签添加样式为例进行详细演示。
1、新建一个 HTML 文件，命名为 test.html，用于展示如何借助 jQuery 实现样式的动态注入与控制，便于掌握其在前端样式管理中的实际应用。
2、在 test.html 文件中，通过 <script> 标签引入 jquery.min.js 库文件，确保 jQuery 脚本成功加载，才能正常使用其提供的各类 API 功能。
立即学习“前端免费学习笔记（深入）”；
3、在页面中使用 <div> 创建一个内容区域，并为其指定 class="txtdiv"，以便后续通过该类选择器精准定位并操作该元素。
4、添加一个 <button> 元素，按钮文字显示为“创建style样式”，作为触发样式添加操作的交互入口。
jQuery 1.12.4是jQuery 1.x系列的最后一个正式稳定版本，由jQuery团队于2016年发布。该版本主要面向需要兼容旧版浏览器环境的网站和Web应用，尤其适用于仍需支持Internet Explorer 6、Internet Explorer 7、Internet Explorer 8等老旧浏览器的项目。
5、为该按钮绑定 onclick 事件，点击时调用自定义函数 createstyle()，实现行为与逻辑的关联。
6、在 <script> 标签内定义 createStyle() 函数：首先通过 $('.txtdiv') 获取目标 div，再使用 attr('style', '...') 方法一次性写入多个 CSS 声明，包括宽度（100px）、高度（100px）及背景色（pink），完成样式动态注入。
7、将 test.html 在浏览器中打开，点击按钮即可实时看到 div 元素应用新样式的视觉变化。
8、新建一个名为 test.html 的文件。
