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

相关推荐
2025-01-24
css循环淡入淡出播放
令她反感的,远不是世界的丑陋,而是这个世界所戴的漂亮面具。——《不能承受的生命之轻》 代码如下: 12345678910111213141516171819202122232425262728293031323334353637383940import React from "react";import clsx from "clsx";import styles from './index.module.css';import Layout from "@theme/Layout";function HomepageHeader() { return ( <header className={clsx('hero', styles.heroBanner)}> <div className={clsx(styles.heroContainer)}> <img clas...
2023-01-04
css渐变实现杂色
团结就是力量——毛泽东 思路出处:https://css-tricks.com/making-static-noise-from-a-weird-css-gradient-bug/ 这是一个通过css渐变产生的锯齿BUG实现的噪点效果 例如我们使用径向渐变画两个圆,这里用的径向渐变函数radial-gradient,其中第一个参数是距离中心点近的渐变样式,第二个是远一些的,每个参数中第一项是颜色,第二项是区域 这里的: 从中心点进行沿半径进行渐变 123456789101112131415<div class="box"></div><div class="box"></div><style> .box { display: inline-block; width: 300px; aspect-ratio: 1; margin: 10px; border: 2px solid red; background: radial-gradient(#000...
2021-05-28
uni跳转的小技巧
青春啊,难道你始终囚禁在狭小圈子里?你得撕破老年的蛊惑人心的网。——泰戈尔 从官网看到 我们使用uni.navigate()跳转 123uni.navigateTo({ url: 'test?id=1&name=uniapp'}); 这里我们的url我们如果直接写test 那么我们会跳转到当前页面的test 然而我们如果想跳转到tabBar上的页面 则需要使用uni.switchTab() 123uni.switchTab({ url: '/pages/index/index'}); 这里要注意的是,需要在路径前加/表示一个根路径 否则会跳转不到想要的页面 而且switchTab并不支持url传参 而我们需要使用别的方式,例如setStorage
2025-03-03
vue-loading-overlay
只要有一双真诚的眼睛陪我哭泣,就值得我为生命受苦。——罗曼·罗兰的《欣悦的灵魂》 https://github.com/ankurk91/vue-loading-overlay demo: https://ankurk91.github.io/vue-loading-overlay/ Vue Loading Overlay:简洁高效的加载指示器组件介绍在现代Web应用中,为了提升用户体验,加载指示器是一个必不可少的组件。尤其在处理异步请求或其他耗时操作时,加载指示器可以有效地告知用户当前的状态。Vue Loading Overlay 是一个为 Vue.js 应用提供全屏加载指示器的组件,简洁高效,易于集成和使用。 本文将介绍什么是 Vue Loading Overlay、其主要功能及其使用方法,并展示如何在项目中集成和使用这个组件。 什么是 Vue Loading Overlay?Vue Loading Overlay 是一个 Vue.js 组件,用于在页面加载时显示全屏或局部加载指示器。它可以轻松集成到 Vue.js 项目中,通过简单的配置和调用即可实现加载指示器的显示和隐...
2022-03-07
dvajs
我喜欢我的懦弱,痛苦和难堪也喜欢。喜欢夏天的光照,风的气息,蝉的鸣叫,喜欢这些,喜欢得不得了。——《寻羊冒险记》 dva 首先是一个基于 redux 和 redux-saga 的数据流方案,然后为了简化开发体验,dva 还额外内置了 react-router 和 fetch,所以也可以理解为一个轻量级的应用框架。 官网文档:https://dvajs.com/ 简单快速入门后,有一个课堂实战 这个实战就是用dvajs 写一个列表,包含删除按钮,点删除按钮后延迟 1 秒执行删除。 当然,我也完成了这个简单的Demo: https://gitee.com/VampireAchao/simple-dva.git 并顺手练习了一下并行、竞争等概念 还是很有意思的
2025-08-26
fabricjs
没有比脚更长的路,没有比人更高的山。――汪国真《山高路远》 Fabric.js:浏览器里的 Canvas 超级引擎 —— 让前端图形开发极致自由在现代网页开发中,图形和可视化已成为用户体验的关键一环。无论是在线图片编辑、白板、流程图、交互动画,还是数据可视化,HTML5 Canvas 都是前端开发者的“画布”。但原生 Canvas API 虽强,却略显底层、开发门槛高。你是否想在浏览器里拥有类似 Photoshop、PowerPoint 的自由拖拽、变形、分组、交互体验?如果答案是 YES,那你不能错过 Fabric.js —— 这个让前端图形开发“飞起来”的开源超级引擎! 一、项目简介Fabric.js 是一个功能强大的 Javascript Canvas 库,专为现代浏览器设计,能让开发者用极少代码实现复杂的图形对象创建、编辑、管理与交互。它不仅支持 Canvas 的全部绘图能力,还提供了对象化管理、序列化、事件监听、自由变形等高级功能,成为前端图形应用的“事实标准”。 项目地址:https://github.com/fabricjs/fabric.js 官网演示:h...
