JQuery笔记(四) 通用选择的尝试
时间:2022-04-23
本文章向大家介绍JQuery笔记(四) 通用选择的尝试,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
常用的一种格式是用LI存放列表,一行一般会放2个内容,如标题和时间等。但这两个内容可能用的标签会有所不同,有时可能是<a>和<span>,有时可能是2个<span>,或者别的组合。所以我想尝试能否写一种通用的css,一次定义好LI的2个子项的样式。我这样写的
$(".blk .con li :eq(0)").css({display:"inline-block","width":"310px",overflow:"hidden"});
$(".blk .con li :eq(1)").css({display:"inline-block","width":"40px",overflow:"hidden","margin-left":"10px",border:"1px solid red"});
结果只对第一行有效,换成别的
$(".blk .con li").children(0).css({display:"inline-block","width":"310px",overflow:"hidden"});
//LI的第一部分:宽度
$(".blk .con li *:eq(0)").css({display:"inline-block","width":"310px",overflow:"hidden"});
$(".blk .con li *").get(0).css({display:"inline-block","width":"310px",overflow:"hidden"});
等都失败。只有这个通过:
$(".blk .con li a").css({display:"inline-block","width":"310px",overflow:"hidden",border:"1px solid red"});
//LI的第一部分:宽度
$(".blk .con li span").css({display:"inline-block","width":"40px",overflow:"hidden","margin-left":"10px",border:"1px solid red"});
我想each应该也可以,但实在麻烦,还不如每次我自己改js。
- Leetcode-Easy 796. Rotate String
- 2017.10.23解题报告
- Leetcode-Easy 461.Hamming Distance
- 洛谷P1439 最长公共子序列(LCS问题)
- Leetcode-Easy 575. Distribute Candies
- 洛谷P2115 [USACO14MAR]破坏Sabotage
- 修改nw.js的exe文件使其请求管理员权限
- Leetcode-Easy 728. Self Dividing Numbers
- Leetcode-Easy 412. Fizz Buzz
- 洛谷P2678 跳石头
- 洛谷P2863 [USACO06JAN]牛的舞会The Cow Prom
- 洛谷P1908 逆序对(归并排序)
- 洛谷P1137 旅行计划
- 洛谷P1722 矩阵 II
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- #云开发高阶实战任务总结# 投票系统的解析与设计
- K8S 环境下的使用 ConfigMap 进行远程配置
- 腾讯云语音识别python-sdk使用笔记
- TKE部署ES如何配置参数vm.max_map_count
- Jquery validate remote 验证数据唯一
- MySQL 案例:乱码,字符集与错入错出的 MySQL
- Jenkins常用插件Copy Artifact的使用
- 聊聊dubbo-go的roundRobinLoadBalance
- 腾讯云录音文件识别请求和结果查询
- 【Kubernetes】kubectl top 如何使用
- js数组方法,常用数组Api的基本使用
- java jsp实现网络考试系统(mysql)
- 实操:数据万象语音转文字
- python智能图片识别系统(图片切割、图片识别、区别标识)
- 【Kubernetes】部署 metrics-server 后无法使用 top 命令