Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >jQuery中排除指定元素，同时选择剩下的所有元素

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

菩提树下的杨过

发布于 2018-01-22 07:40:07

发布于 2018-01-22 07:40:07

1.8K00

代码可运行

举报

文章被收录于专栏：菩提树下的杨过菩提树下的杨过

运行总次数：0

代码可运行

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

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2011-03-24 ，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

暂无评论

编辑精选文章

换一批

万字详解高可用架构设计

Go 开发者必备：Protocol Buffers 入门指南

10分钟带你彻底搞懂分布式链路跟踪

多租户的 4 种常用方案

亿级月活的社交 APP，陌陌如何做到 3 分钟定位故障？

60页PPT全解：DeepSeek系列论文技术要点整理

js_jQuery综合机试练习题

html checkbox dom form list

涉及技术点【form表单数据获取】【正则表达式验证】·【通用验证方式】【dom操作】【checkbox复选框_全选/全不选】【添加list值并刷新dom】【删除list值并刷新dom】演示demo 登录页： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name=

红目香薰

2022/11/29

4340

js_jQuery综合机试练习题

利用JQuery实现更简单的Ajax跨域请求

jquery ajax https html

前一阵发过一篇利用ExtJs的ScriptTagProxy实现Ajax跨域请求的文章(https://cloud.tencent.com/developer/article/1026528)，这几天看了一下Jquery，发现如果用JQuery中的getScript其实更简单(jquery 1.2.6版本) 这里给出代码，希望对Ajax跨域感到棘手的朋友有所帮助: Code <html> <head> <title>JQuery学习</title> <script src="jquery-1.2.6.min.

菩提树下的杨过

2018/01/22

1.1K0

Javascript版的Repeater控件实现

javascript html

其实有点标题党了，呵呵，主要是项目的特殊性，出于性能考虑项目经理规定不能用任何服务端控件(包括Repeater控件)，同时尽量减少服务端处理，并尽可能压缩最终生成的html源代码，所以只用JS实现。代码: <html> <head> <title>JavaScript的Repeater控件实现--made by 菩提树下的杨过</title> <script type="text/javascript"> /* hashTable的javascript实现 */ functi

菩提树下的杨过

2018/01/23

8470

ExtJs学习笔记(24)-Drag/Drop拖动功能

直接给代码吧，主要重点已经在代码里注释了 Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Page</title> <link rel="Styleshee

菩提树下的杨过

2018/01/22

9390

ExtJs学习笔记(1)_Hello World!

javascript html

extjs最新版，可从http://www.extjs.com/官方网下载，下载包解压后docs目录里，就是API文档，samples目录里是示例今天接触了下ExtJs，确实不错，先来一个最经典的Hello World. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://w

菩提树下的杨过

2018/01/24

7850

Javascript:模仿淘宝的信用评价

jquery html javascript

老板昨天开会说:要给公司的购物平台增加信用评价功能，用户体验参考淘宝。于是今天研究了一下，用jQuery模似一个类似的效果: 代码如下: <!DOCTYPE html PUBLIC "-/

菩提树下的杨过

2018/01/23

6000

Javascript:模仿淘宝的信用评价

jQuery扩展以及gzip压缩测试

<!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=gb3212"> <title>javascript测试</title> <script type="text/javascript" src="http://files.cnblogs.com/yjmyzz/jquery-1.4.2.min.js"></script> <script type="text/ja

菩提树下的杨过

2018/01/22

8610

Silverlight：分包下载及SEO优化方案

一、按模块分包一般大型的Silverlight应用，都会按模块分解成多个silverlight project，编译后就有多个xap包，然后在需要用到的场景按需加载。我近期开发的这个项目不需要全站Silverlight，而是aspx混合silverlight，说得更白点，就是把相应的子模块xap包嵌入aspx. 这样分包就简单多了：直接用js控制dom元素，修改object元素中的source，动态设置成不同的xap即可实现无刷新的加载不同模块。（这比网上主流的方式：用WebClient动态下载xap包，

菩提树下的杨过

2018/01/23

8320

Jquery实现checkbox全选/取消权限

jquery html nat http java

版权声明：本文为博主原创文章，未经博主允许不得转载。 1.Jquery 版本问题推荐使用1.8.1 <!DOCTYPE > <html> <head runat="server"> <title>jQuery实现CheckBox全选、全不选</title> <script src="http://code.jquery.com/jquery-1.8.1.min.js" type="text/javascript"></script> <script type="text

DencyCheng

2018/11/05

1.5K0

jQuery实现网页右下角悬浮层提示

最近有同事提到类似网页右下角的消息悬浮提示框的制作。我之前也做过一个类似的例子，很简单。是仿QQ消息。现在感觉之前的那个例子只是说了实现原理，整体上给你的感觉还是太丑，今天为大家带来一个新的例子。是Discuz右下角悬浮层提示的。运行效果如下：

业余草

2019/01/21

3.4K0

jQuery实现网页右下角悬浮层提示

ExtJs学习笔记(21)-使用XTemplate结合WCF显示数据

javascript html ajax

个人认为，XTemplate是ExtJs中最灵活的用来显示数据的组件，有点类似aspx中的Repeater控件，显示数据的模板完全可以由用户以html方式来定制. 先给一个官方的静态示例(稍微改了下)，代码并不复杂，关键的地方，我已经注释了 <script type="text/javascript"> Ext.onReady(function() { var data = { name: 'Jack Slocum',

菩提树下的杨过

2018/01/24

8110

jquery选择器

jquery选择器可以快速地选择元素，选择规则和css样式相同，使用length属性判断是否选择成功。

Devops海洋的渔夫

2019/05/30

1.9K0

spring-boot 速成(4) 自定义配置

spring-boot 提供了很多默认的配置项，但是开发过程中，总会有一些业务自己的配置项，下面示例了，如何添加一个自定义的配置：

菩提树下的杨过

2018/09/20

5310

spring-boot 速成(4) 自定义配置

ExtJs学习笔记(5)_Ajax示例

html ajax extjs 服务端

ExtJs对于Ajax的使用非常简单，看下面的代码: 1.Html页： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head > <meta http-equiv="Content-Type" content=

菩提树下的杨过

2018/01/22

6790

ExtJs学习笔记(6)_可分页的GridPanel

一.WCF部分 1.通过查看官方的示例得知，分页数据源需要一个记录总数值，为保持通用性，这里借鉴jillZhang的文章，把他写的通用类PageData拿过来直接用 1 using System; 2 using System.Runtime.Serialization; 3 4 namespace Ajax_WCF 5 { 6 [DataContract] 7 public class PageData<T> 8 { 9 [Data

菩提树下的杨过

2018/01/23

7430

Jquery插件知识之Jquery.cookie实现页面传值

cookie script 插件 html jquery

张哥编程

2024/12/17

1320

前端-part9-jQuery操作样式二：元素追加+事件冒泡

javascript version

1.添加到指定元素内部的后面 $(A).append(B); // 把 B 追加到 A $(A).appendTo(B); // 把 A 追加到 B 2.添加指定元素内部的前面 $(A).preappend(B); // 把 B 前置到 A $(A).preappendTo(B); // 把 A 前置到 B 3.添加到指定元素的外部的后面 $(A).after(B); // 把 B 放到 A 的后面 $(A).insertAfter(B); // 把 A 放到 B 的后面 4.添加

少年包青菜

2019/08/27

1.8K0

图片的javascript延时加载

html javascript

在页面很长(超过3屏)且图片又很多时，默认情况下浏览器会加载所有图片，有可能导致第二屏的图片显示出来了，但第一屏的图片还在加载，这种情况最适合用"javascript延时加载"来改善用户体验. 原理： 1.根据图片元素距页面顶部的距离，判断图片自身在第几屏 2.所有图片元素的src值先不设置，改而用其它自定义属性，比如src写成lazy_src(这样浏览器就不会主动加载图片) 3.根据1的判断，如果轮到自己登场了(即到顶部的距离变化了，比如用户拉动滚动条了)，则将lazy_src值赋值为src，这样浏览器就

菩提树下的杨过

2018/01/23

1.2K0

图片的javascript延时加载

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="jquery-3.2.1.min.js"></script> <style> * { margin: 0px; padding: 0px; } li { list-style: none; }

人生不如戏

2018/04/12

1.1K0

jQuery点击checkbox选择标签到指定的位置

jquery java http html

祖传代码的存在，这个项目自我进公司以来，就一直在改写加上维护，没有什么太厉害的技术，据说在我进公司之前，是经过两个Java后台来编写遗留下来的代码，公司觉得若是重新搭建框架过于费力，于是一直沿用至今，随着功能的越来越多，维护起来也是相当的费脑，每次修改的时候，我都会将某个部分的功能记录下来，写在自己的技术博客里面，以防混淆。

王小婷

2018/10/25

2.3K0

jQuery点击checkbox选择标签到指定的位置

相关推荐

js_jQuery综合机试练习题

更多 >

💥开发者 MCP广场重磅上线！

精选全网热门MCP server，让你的AI更好用 🚀

本文部分代码块支持一键运行，欢迎体验

本文部分代码块支持一键运行，欢迎体验