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

相关推荐
2021-06-30
wow.js
青春是一个普通的名称,它是幸福美好的,但它也充满着艰苦的磨炼。——高乐基 今天学到一个wow.js 可以实现很棒的效果 我们去这里下载 https://www.dowebok.com/131.html 使用方法1、引入文件1<link rel="stylesheet" href="css/animate.min.css"> 2、HTML12<div class="wow slideInLeft"></div><div class="wow slideInRight"></div> 可以加入 data-wow-duration(动画持续时间)和 data-wow-delay(动画延迟播放时间)属性,如: 12<div class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="0.1s">左淡入<...
2021-04-17
vue-router传参
生命是一张弓,那弓弦是梦想。——罗曼·罗兰 官网 之前我们配置过路由,这里就不多赘述如何配置了 我们聊聊如何传参 我们之前使用方式如下 1this.$router.push(page); 这里page为path,值为我们在router的index.js中配的/message/message 我们如果需要传参 则可以使用下面这种方式 123456789this.$router.push({ name: pageName, params: { userId: '123' }, query: { plan: 'private' }}); 注意这里pageName是我们在路由中配置的name而不再是path了,因为path和params一起用会导致params为空对象 按照我们上面写的,我们跳转到message页面去了 1234567891011121314151617<template> <div> {{$route.para...
2022-07-24
js修改复制到剪贴板的内容
祝你今天愉快,你明天的愉快留着我明天再祝。——《爱你就像爱生命》 MDN:https://developer.mozilla.org/zh-CN/docs/Web/API/Element/copy_event demo: 123456789101112131415161718192021222324252627<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>copy</title></head>&...
2023-06-09
psd.js
唯有在回敬污蔑和诽谤的时候,沉默才显得如此有力——艾迪生 分享一个js库,能操作psd文件 https://github.com/meltingice/psd.js 代码例子: NodeJS Example12345678910111213var PSD = require('psd');var psd = PSD.fromFile("path/to/file.psd");psd.parse();console.log(psd.tree().export());console.log(psd.tree().childrenAtPath('A/B/C')[0].export());// You can also use promises syntax for opening and parsingPSD.open("path/to/file.psd").then(function (psd) { return psd.image.saveAsPng('./output.pn...
2023-03-11
css-diner
即使是最神圣的友谊里也可能潜藏着秘密,但是你不可以因为不能猜测出朋友的秘密而误解了他——贝多芬 分享一个网站css-diner https://flukeout.github.io/ 其能够让你通过益智的方式学习css选择器 例如此处两个盘子,对应的标签为plate,鼠标移动上去还有高亮,我们需要选中所有的盘子则使用plate标签选择器 源码地址:https://github.com/flukeout/css-diner
2020-11-28
setInterval
坍圮的殿堂总还是庙,冷落的圣像依然是神。 在前端开发中我们或许想定时做一些操作 可以使用一个setInterval函数去做 123456// 定时控制台打印rubensetInterval(function () { console.log("ruben");}, 1000);// 定时控制台打印achao,注意这里是使用字符串形式写法setInterval('console.log("achao");', 1000); 可以打开控制台看到效果

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