JQuery $()选择器注意问题

最新推荐文章于 2026-01-26 18:39:53 发布

原创最新推荐文章于 2026-01-26 18:39:53 发布 · 554 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

web前端

当前文章被收录于：

web前端

14 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文探讨了在jQuery中使用选择器时返回值为null的情况，尤其是在JQ3版本中，当选择不存在的元素时返回null的现象。文章指出，开发者应当避免依赖这种返回值来进行逻辑判断。

前提：dd类或者#dd都是不存在的

if($('.dd')){console.log(1);}else{console.log(2);}

这个dd类在页面中是没有的，但是，打印的竟然是1,尽量不要这样做判断；
在JQ3中$('.dd')和$('#dd')竟然是null
好神奇

标签

#jquery

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zeroone001

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Android Camera性能优化概述

weixin_42136255的博客

10-07

3941

做camera性能优化方面的工作有几年了，想写一篇文章简单介绍一下其中涉及到的具体技术，这篇文章会大概介绍一下涉及到的技术。

参与评论您还未登录，请先登录后发表或查看评论

企业网络架构设计：从内网到外网的无缝通信方案

热门推荐

迎难而上

05-10

1万+

有时候我们需要用选择器获取JQuery对象，并判断是否有满足条件的DOM节点存在但是需要注意一点由于 $(selector) 不论什么情况都会返回JQuery 对象，所以不能按照以下的方式判断节点是否存在 if($('#tt')){ console.log("不能以 if($('#tt')) 这种方式判断DOM是否存在");

jQuery选择器的使用及注意事项

梦寐的博客

09-07

835

jQuery选择器分类 jQuery选择器功能强大，种类也很多，分类如下通过CSS选择器选取元素基本选择器 层次选择器 属性选择器 通过过滤选择器选择元素基本过滤选择器 可见性过滤选择器 基本选择器 基本选择器包括标签选择器、类选择器、ID选择器、并集选择器和全局选择器 名称 ...

使用jQuery快速高效制作网页交互特效、第六章

cdx_xingxingxing的博客

02-27

311

##JQuery选择器## 一：什么是JQuery选择器 1、良好的继承了CSS选择器的语法，还继承了它获取元素便捷高效的特点 2、JQuery选择器获取元素后，为该元素添加的是行为，使页面变得更加丰富多彩 3、JQuery拥有良好的浏览器兼容性 4、JQuery的操作都建立在所获取的元素之上二：JQuery选择器的优势 1.简洁的写法 $()函数在JQuery中被当做一个选择器函数来使用，通过标签名来获取HTML元素 2.完善的处理机制三：JQuery选择器的类型 1、通过CSS选择器选取元素 ①基本

使用jQuery时的注意事项

2503_91259466的博客

07-29

991

jQuery 3.x 不再支持 IE 6-8，如果需要兼容，使用 jQuery 1.x 或 2.x。jQuery 虽然能大幅提升开发效率，但在实际项目中，如果不合理使用，可能会导致。）会在每个元素上创建监听器，如果元素很多（如列表项），会导致内存浪费。// 推荐：委托给父元素，动态子元素也能触发。

JQuery中$()函数的7种用法总结

罗小辉的专栏

04-15

2095

前言最近项目中需要用到jQuery，而jQuery中最重要的概念应该就是这个$符号了，特意总结了下$()函数的几种用法。 jQuery对象是一个类数组的对象，含有连续的整形属性以及一系列的jQuery方法。它把所有的操作都包装在一个jQuery()函数中，形成了统一(也是惟一)的操作入口。其中我们用的非常频繁的一个函数是$()或者说是jQuery()，当我们调用他的时候会根据传入的参数的不同而达...

jQuery 父元素选择器 parent() 和 parents()

黄河爱浪的博客-专注CSS,jQuery,uni-app领域

07-27

8682

jQuery的父元素选择器小编很少使用，但却看到不少web开发者们经常使用。小编个人是不太推荐使用父元素选择器的。因为如果是列表的情况下，在循环时可以将当前的索引绑定给需要点击的按钮，通过索引查找元素。本篇文章在小编不推荐的情况下，还是决定写一篇。先来一段 HTML结构代码 <table class="table table-bordered" id="user...

JQuery中的load()、$.get()和$.post()详解（转）

jdnicky的博客

06-16

2991

load() 1.载入HTML文档 load()方法是jQuery中最为简单和常用的Ajax方法，能载入远程HTML代码并插入DOM中。它的结构为： load(url [,data][,callback]) 参数名称类型说明 url String 请求HTML页面的URL地址 data(可选) Object 发送至服务器的key/v...

常用的Jquery方法之 :contains() 选择器、has()選擇器和.contains()方法(part3)

Super Livia

04-02

2365

jQuery:contains()选择器 定义和用法 :contains() 选择器选取包含指定字符串的元素。该字符串可以是直接包含在元素中的文本，或者被包含于子元素中。最常见的用法：与其他选择器一起使用，选取指定组合中包含指定文本的元素（如上面的实例）。注意：文本是大小写敏感的。语法 $(":contains(text)") 參數参数描述 text ...

JQuery知识点01_关于$符、read()、选择器

菲菲的博客

02-27

480

一、Jquery基础知识 1、$是什么 $就是jQuery的别称。而jQuery就是jQuery库提供的一个函数.(好像也不仅仅只是函数，因为还有 $.ajax(options) 这样的使用，等同 jQuery.ajax(options)) 这个函数的作用是根据 () 里的参数进行查找和选择html文档中的元素，函数作用之一就是GetElementByID的代替，但()内不仅可以是ID，还可以...

jQuery选择器

m0_57774967的博客

06-16

5020

jQuery选择器是jQuery为我们提供的一组方法，让我们更加方便的获取到页面中的元素（注意：jQuery选择器返回的是jQuery对象）jQuery选择器有很多，基本兼容了CSS1到CSS3所有的选择器，并且jQuery还添加了很多更加复杂的选择器jQuery选择器虽然很多，但是选择器之间可以互相替代，就是说获取一个元素，会有很多种方法获取到，所以平时真正能用到的只是少数的最常用的选择器...

判断jQuery选择器结果为空

likingsn的技术专栏

11-27

7156

jQuery选择器获取到的是一个对象，所以无论页面上存在或者不存在元素，这个对象都不为空。因此，如果要使用jQuery检查元素再给某个页面上是否存在的时候，应该通过获取到的元素的长度来判断，使用下面的代码： if ($("#tt").lenght > 0) { //do sth } 或者通过转换成JavaScript对象的方式来进行处理，代码如下： if ($("#tt")[0]

jquery判断选择元素是否存在

weixin_33936401的博客

05-07

726

有时候我们需要对jquery选择器选中的元素进行判断是否存在，如果存在才进行某些操作，不存在就不进行，那么如何判断元素是否存在，代码如下： //判断是否存在特定ID值的元素 if($("#id").length > 0){ alert("存在"); }else{ alert("不存在"); } //判断是否存在特定标签元素 if($("标签名（比如label）").leng...

jQuery选择器$()获取不到对象的坑

法克瓜的博客

08-17

7221

最近在写一个webRTC的功能，发现用$()是获取不到对象的。原因是因为document.getElementById()返回的是一个[object HTMLDivElement] 而$()返回的则是一个jQuery对象数组。所以，要访问$()选择器中的对象要使用数组下标$()[0]。参考：cnbolg....

JQuery——JQuery七大选择器及常见错误注意事项

老陈聊架构

01-31

1587

JQuery——JQuery七大选择器及常见错误注意事项 1.选择器的分类 2.基本选择器 2.1 基本选择器的分类及描述 2.2 基本选择器的代码实现 <script type="text/javascript"> $(function(){ //选择id为one的元素 $("#btn1").click(function(){ $("#one").css(...

Jquery 选择器注意的问题--记录（五）

weixin_33928467的博客

06-03

226

1.　$("p.intro")-> 所有 class="intro" 的 <p> 元素　　$("div#intro .head")->id="intro" 的 <div> 元素中的所有 class="head" 的元素　　$("ul li:first")->每个 <ul&

Jquery选择器 选择一个不存在的元素为什么不会返回 false

weixin_30487201的博客

08-15

722

不管找没找到，$()函数都会返回一个jquery对象，这个jquery对象有个length属性，表示找到多少个匹配的DOM元素，为0就是没找到。转载于:https://www.cnblogs.com/aiyr/p/7363493.html...