jquery根据属性选择
发表于|更新于
|浏览量:
有信仰的人不会孤独。——阿列克谢耶维奇
分享一个jquery选择器的小技巧
我们可以通过自定义属性键值选中一个元素
例如如下元素:
1 | <div ruben="vampire">阿超</div> |
然后我们通过ruben=vampire选中这个div
就可以如下写法:
1 | let vampire = $('div[ruben="vampire"]') |
我们可以简单测试一下输出里面的内容
1 | <div ruben="vampire">阿超</div> |
效果

相关推荐
2020-11-20
vue封装axios请求工具类
以勇气面对人生的巨大悲恸,用耐心对待生活的小小哀伤。——雨果 首先安装 12345678# axioscnpm i --save axios# 格式化参数插件cnpm i -- save qs# 对象合并插件cnpm i -- save lodash# cookie操作cnpm i -- save vue-cookie 然后我们自己封装一个请求组件 首先创建文件 然后放入我们的代码。。。 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132import ...
2021-09-12
js window.open
懒惰——它是一种对待劳动态度的特殊作风。它以难以卷入工作而易于离开工作为其特点。 —— 杰普莉茨卡娅 有时我们需要在js中触发打开新标签页、或者是在当前页面跳转以及在iframe中替换父页面 使用window.open即可,关于它的参数,为以下四个: URL:需要打开的页面URL 1window.open("https://VampireAchao.github.io/") name:打开页面的方式或名称 12345678// 新窗口打开,默认window.open("https://VampireAchao.github.io/","_blank")// 父窗口打开,ifame中使用window.open("https://VampireAchao.github.io/","_parent")// 当前窗口中打开window.open("https://VampireAchao.github.io/","_self")// 顶层窗口...
2021-11-12
数组解构赋值
倘若A代表人生的成功,那么公式是:A =X+Y+Z。X是工作,Y是游戏,z是保持缄默。——(美)爱因斯坦 我们以前从一个数组中获取第一项,可能是如下写法: 12let list = [1,2,3]let i = list[0] 有了解构赋值,可以如下写法: 12let list = [1,2,3]let [i] = list 如果稍微复杂点,例如下面这样从对象中取出来数组: 12let ruben = {hobby:['anime']}let favorite = ruben.hobby[0] 就可以写成: 12let ruben = {hobby:['anime']}let {hobby:[favorite]} = ruben 如果再复杂点 123let ruben = {hobby:['anime']}let achao = {favorite:undefined}achao.favorite =...
2024-10-06
vitesse-webext
知古不知今,谓之落沉。知今不知古,谓之盲瞽。——王充 分享一个由 Vite 提供支持的 WebExtension(Chrome、FireFox 等浏览器插件)的入门模板。 Github: https://github.com/antfu-collective/vitesse-webext 特性: ⚡️ Instant HMR - 在 dev 上使用 Vite(不再刷新! 🥝 Vue 3 - 组合式 API、<script 设置> 语法等等! 💬 轻松通信 - 由 webext-bridge 和 Vue使用存储提供支持 🌈 UnoCSS - 即时按需原子 CSS 引擎。 🦾 TypeScript - 类型安全 📦 组件自动导入 🌟 图标 - 直接从任何图标集中访问图标 🖥 内容脚本 - 即使在内容脚本中也可以使用 Vue 🌍 WebExtension - Chrome、Firefox 等的同构扩展 📃 具有完整类型支持的动态manifest.json 使用模板GitHub 模板Create a repo from this template o...
2021-08-06
代码方式引入iconfont图标
只有永远躺在泥坑里的人,才不会再掉进坑里。——黑格尔 前端开发中,经常会遇到需要引用图标的情况 我们可以在iconfont寻找我们需要的图标 https://www.iconfont.cn/ 比如这两个图标,我非常喜欢,我可以使用直接下载的方式引入图标 但这种方式,如果我们需要它改变颜色的话,就需要再次下载,非常麻烦 我们还可以使用代码方式引入,我们首先点击添加进购物车 然后到我们的购物车结算 点击添加至项目 登录账号 然后再次点击添加至项目后会弹出加入项目,我们可以新建一个项目 确定后,我们就可以在这里点击生成代码 然后复制代码 粘贴到项目css中 然后定义使用iconfont的样式 123456.iconfont{ font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -m...
2025-07-04
react-component/form
穷则变,变则通,通则久。一一《周易》 @react-component/form:企业级 React 表单解决方案解析在前端开发中,表单组件是绝大多数业务系统的基础。无论是后台管理系统、企业信息化平台,还是各类 SaaS 产品,表单的设计与交互都与用户体验息息相关。@react-component/form(即 rc-form)是阿里巴巴开源的 React 表单组件库,专为企业级应用打造,兼具灵活性、可扩展性和易用性。本文将带你深入了解 rc-form 的核心价值、用法与最佳实践。 一、项目简介@react-component/form(简称 rc-form)是 react-component 组织维护的表单解决方案。它为 React 应用提供了高效、可控的表单状态管理和校验机制,是众多 Ant Design、AntD Pro 等企业级 UI 框架的底层依赖之一。 特点一览: 基于受控组件和高阶组件模式,灵活对接各种自定义表单控件; 内置强大的校验规则,支持同步和异步校验; 支持字段嵌套、动态增删等复杂场景; 良好的类型支持与表单数据收集机制。 二、核心特性...

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog