jQuery中排除指定元素,同时选择剩下的所有元素

场景:某页面用了js延时加载技术处理所有图片,以改善用户体验,但是有几个图片不想延时加载,要求把它们单独挑出来。

研究了一下jQuery的API文档,搞掂了,jQuery真的很方便,贴在这里备份:

<!doctype html>
<html>
	<head>
		<title>菩提树下的杨过</title>
		<script type="text/javascript" src="http://img.24city.com/js/jquery-1.4.3.min.js"></script>
		<script type="text/javascript">
			$().ready(function(){
				$("div:not([delay='false'])").css("color","#f00"); 
			})
		</script>
	</head>
	<body>
		<div>div 1</div>
		<div delay="false">div 2</div>
		<div>div 3</div>
	</body>
</html>

上面的代码,将把有附加属性"delay",且等于"false"的div排除掉,然后把剩下的div全选中,并设置为红色字体。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏大数据钻研

前端面试那些坑之HTML篇

HTML 1、Doctype作用?标准模式与兼容模式各有什么区别? (1)、<!DOCTYPE>声明位于位于HTML文档中的第一行,处于<html> 标签之前...

40590
来自专栏程序员的诗和远方

React Native 实现二维码扫描

最近刚好在学习 React Native 想搞个扫描条形码,二维码的小应用,因为涉及硬件接口,而且自己本身并没有原生开发背景,踩了几个坑,记录一下。 扫描...

67080
来自专栏HTML5学堂

CSS引入方式

HTML5学堂:CSS引入方式存在三种,分别为标签内联书写、页面头部书写、外部引入,那么这三者有何区别?本文给大家讲解了从不同的角度分析他们的优势与劣势。 1、...

32460
来自专栏河湾欢儿的专栏

前端三大框架比较Angularreactvue

12520
来自专栏编程微刊

如何快速修改网页上的文字?

22040
来自专栏Android机动车

大杀器Bodymovin和Lottie:把AE动画转换成HTML5/Android/iOS原生动画

Airbnb出了移动端的动画库Lottie,可以和一个名叫Bodymovin的AE插件结合起来,把在AE上做好的动画导出为json文件,然后以Android/i...

37510
来自专栏练小习的专栏

响应式布局入门

最近研究响应式设计框架的时候,发现网上很多相关的属性介绍,却很少有系统的入门级使用的文章,我自己整理了一篇入门知识,并没有什么高深的理论,也不牵扯到框架。 目前...

29650
来自专栏IMWeb前端团队

可视化前端测试

可视化前端测 背景 相信进行过前端开发的同学都知道,前端测试不仅仅涉及到功能的测试,而且也需要考虑到界面样式测试、多浏览器兼容性测试、性能测试。本文主要讨论分...

342100
来自专栏星流全栈

二〇一六年的前端入门指南

13880
来自专栏Youngxj

杨小杰工具箱网页源码

18040

扫码关注云+社区

领取腾讯云代金券