讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
首页 > web前端 > js教程 > 正文

远离JS灾难css灾难之 js私有函数和css选择器作为容器_jquery

php中文网
发布： 2016-05-16 17:58:33
原创
1320人浏览过

尽管js可以想面向对象那样去构造对象，隐藏私有方法，但需求变化的往往比你写程序还要快时，就连设计js对象的时间也没有了，所以我比较倾向于用js私有函数和js方法；jquery私有函数和jquery对外暴露方法的形式也可以实现，而页面生成的html结构则完全在js中生成，包括哪些id和class， 这样可以最大限度的确保统一和重用的方便性，但也有个缺点，就是在重用时，如果需要样式发生变化（结构是死的不能变化），就需要用div将原来的结构包起来，相关的样式也需要用对应的id包裹一遍，如果是新增的事件等就只能采用绑定的方式，暂时还没有好的方法
例如，我面要实现 在一个div中包含几张图片
这样做也有个缺点 就只 css 必须得复制一次 在做修改 但对结构和样式以及js可以重用

巧文书
巧文书

巧文书是一款AI写标书、AI写方案的产品。通过自研的先进AI大模型，精准解析招标文件，智能生成投标内容。

巧文书 281
查看详情 巧文书
复制代码 代码如下:













第一次使用







相关标签：
css选择器

大家都在看：

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
来源：php中文网
收藏 点赞
上一篇：JS获取整个页面文档的实现代码_javascript技巧 下一篇：js中document.getElementByid、document.all和document.layers区分介绍_javascript技巧
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
如何理解JavaScript中的异步编程_回调函数和Promise有什么区别？ Promise是为解决回调嵌套和异常传递难题而设计的状态封装抽象，通过链式调用、错误冒泡和组合能力实现类同步逻辑组织，优于回调函数的可读性、错误处理与控制流管理。
2025-12-21 17:12:08
457
javascript正则表达式怎么用_如何匹配邮箱和手机号？ JavaScript正则校验邮箱用/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+.[a-zA-Z]{2,}$/，手机号用/^1[3-9]\d{9}$/；需trim()预处理、前后加^$保证全匹配，且后端必须二次验证。
2025-12-21 17:12:08
812
javascript_如何实现模块化开发 JavaScript模块化解决代码混乱与依赖问题，通过ES6的import/export实现文件间功能导入导出，浏览器需用type="module"加载，Node.js支持CommonJS和ESM，大型项目常用Webpack或Vite等工具打包，提升可维护性与复用性。
2025-12-21 17:01:02
664
javascript中的事件是什么_如何处理用户交互？ JavaScript中常见用户事件有click、input、change、keydown/keyup、submit、mouseenter/mouseleave；通过addEventListener添加响应，事件对象含target、currentTarget、preventDefault等属性方法；事件委托可高效处理动态元素。
2025-12-21 17:00:14
839
JavaScript ES6是什么_它带来了哪些新特性？ ES6是JavaScript的根本性升级，引入let/const实现块级作用域、箭头函数解决this绑定问题、解构赋值与模板字符串简化数据处理、对象简写与模块化提升代码可读性与组织性。
2025-12-21 16:59:31
973
JavaScript如何操作地理位置_使用Geolocation API获取用户位置？ JavaScript通过GeolocationAPI可获取用户地理位置，需用户授权且仅限HTTPS或localhost；需检测支持性、调用getCurrentPosition()获取坐标、watchPosition()监听变化，并注意安全上下文、用户交互触发及错误处理。
2025-12-21 16:56:02
313
javascript事件机制是什么_事件冒泡和捕获该如何使用 JavaScript事件机制包含捕获、目标、冒泡三阶段：捕获从window向下至目标父级，目标阶段执行目标元素监听器，冒泡从目标向上传至window；默认addEventListener在冒泡阶段执行，设third参数为true可启用捕获。
2025-12-21 16:48:08
223
Javascript如何与Canvas交互_如何绘制基本图形？ JavaScriptCanvas绘图需先获取2D上下文，再按步骤绘制矩形或路径图形，并预先设置样式；所有操作须在DOM加载后执行，且注意上下文有效性与状态管理。
2025-12-21 16:33:07
990
javascript中怎样有效管理异步操作？_javascript的Promise与async/await有何区别？ JavaScript异步管理核心是Promise与async/await的协同使用：前者是基础抽象，后者为其语法糖；需掌握链式调用、错误捕获、并发控制及常见陷阱。
2025-12-21 16:27:23
446
如何理解javascript执行栈_函数调用怎样管理？ JavaScript执行栈是后进先出的栈结构，用于管理函数调用顺序：函数调用时压入执行上下文，执行完毕即弹出；全局上下文最先入栈、最后出栈；报错信息中的“at”源自栈顶调用链；异步回调需待栈空后由事件循环调度入栈。
2025-12-21 16:22:02
124
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部