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。
- 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 数组属性和方法
- laravel-admin 在列表页添加自定义按钮的例子
- laravel利用中间件防止未登录用户直接访问后台的方法
- laravel实现上传图片并在页面显示的例子
- php实现大文件断点续传下载实例代码
- Laravel第三方包报class not found的解决方法
- 使用laravel的migrate创建数据表的方法
- 解决laravel session失效的问题
- php7下的filesize函数
- PHP-FPM 设置多pool及配置文件重写操作示例
- laravel实现登录时监听事件,添加登录用户的记录方法
- php更新cookie内容的详细方法
- php实现映射操作实例详解
- Laravel 已登陆用户再次查看登陆页面的自动跳转设置方法
- yii框架数据库关联查询操作示例
- laravel-admin的多级联动方法