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 ...
2024-08-14
TinyVue组件库
君子不隐其短,不知则问,不能则学。——董仲舒 文档: TinyVue:一套跨端、跨框架的企业级 UI 组件库,支持 Vue 2 和 Vue 3,支持 PC 端和移动端 代码: https://github.com/opentiny/tiny-vue 在项目的根目录中,打开控制台,执行以下命令,为 Vue 3.0 的项目安装 TinyVue 组件库 : 123yarn add @opentiny/vue@3# 或者npm install @opentiny/vue@3 或者执行以下命令,为 Vue 2.0 的项目安装 TinyVue 组件库 : 123yarn add @opentiny/vue@2# 或者npm install @opentiny/vue@2 如果是Vite 工程,安装完依赖后,修改项目的 vite.config.js ,添加以下代码突出显示的部分: 1234567891011// vite.config.jsimport { defineConfig } from 'vite'import vue from ...
2024-01-14
chakra-ui
对人生命最大的威胁是以车代步,而不是交通事故。——怀特 分享一个很好看的react的UI组件库chakra-ui: https://chakra-ui.com/ https://github.com/chakra-ui/chakra-ui
2020-07-19
图片预览放大js插件
分享一个非常简单的图片预览插件viewer 首先引入js和css viewer.js:下载链接 jquery1.11.3.js:下载链接 jquery-viewer.min.js:下载链接 viewer.css:下载链接 然后引入 123456789<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="{路径}/viewer.css" rel="external nofollow" rel="external nofollow"> <script src="...
2023-07-14
gulpjs
瞒人之事弗为,害人之心弗存。——王豫 分享一个自动化和增强工作流程的工具包 GitHub - gulpjs/gulp: A toolkit to automate & enhance your workflow https://gulpjs.com/ 可以可帮助您在开发工作流程中自动执行痛苦或耗时的任务
2024-01-20
uni-app-x
做一个世界的水手,游遍每一个港口。——惠特曼 分享一个跨端框架uni-app-x uni-app x 是什么? | uni-app-x uni-app x,是下一代 uni-app,是一个跨平台应用开发引擎。 uni-app x 没有使用js和webview,它基于 uts 语言。在App端,uts在iOS编译为swift、在Android编译为kotlin,完全达到了原生应用的功能、性能。 可以下载打包后的hello uni-app x的apk来体验。(通过显示界面元素边界可知界面都是原生UI,解包后也不会看到js引擎,里面的html文件是示例中演示web-view组件所用) 这是demo源码:DCloud / hello uni-app x · GitCode 开发者在 uni-app x 中,不能编写js,因为 uni-app x 中不自带js引擎。需使用uts,实现跨端的同时保证最佳性能。 uts 全称 uni type script,是一门跨平台的、高性能的、强类型的现代编程语言。它在不同平台,会被编译为不同平台的native语言,如: web...
