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

转载于 2011-03-24 15:27:00 发布 · 293 阅读

文章标签：

#javascript #ViewUI

本文介绍了一种使用jQuery选择器的方法，以排除拥有特定属性的元素，并对其它元素进行样式修改。通过一个简单的示例展示了如何针对不含有'delay'属性值为'false'的div元素应用样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

场景：某页面用了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全选中，并设置为红色字体。