jQuery选择器容易忽视的小知识大问题

ゝ一纸荒年。 2023-08-17 17:19 15阅读 0赞

1

关于检查某个元素在网页上的存在

很多人会惯性的写成 1 if($("\#tt"))\{ 2 //do something 3 \}

其实应该根据获取到元素的长度来判断

if($("#tt").length>0){
    //do something博客园如何修改我的标签
    }

当然啦还可以转化成DOM对象来判断

if($("tt")[0]){
    //do somethign
    }

2

关于子元素过滤选择器:nth-child(index/even/odd/equation)和:eq(index)在使用时需注意前者的值从1开始算，后者从0开始

前者选取每个父元素下的第index个子元素或者奇偶元素（odd/even）而:eq(index)却只能匹配一个元素。

eg: :nth-child(3n+1\`)能选取每个父元素下的索引值是(3n+1)的元素（切记n是从1开始的哦~）

3

在使用:input选择器时一定要注意的是：input是个低调的大神，他不仅会选取<input>,而且也会偷使神功选取<textarea><select><button>

4

计数表单内元素的个数时我们常使用的$("\#form :input").length;

很easy的感脚有木有，但很多人会下意识的写成$("\#form1 input").length~

写到这里就实在忍不住说一下后代选择器跟过滤选择器也是双胞姐妹很容易弄错的哦

var $hd=$('.text :hidde');//注意.text后有空格哦，而且人家选取的是class为“text”的元素里面隐藏的元素   过滤选择器（总得有个空格才能过滤开吧~）
    var $gl=$('.text:hidden')//好吧，，，这个是选取隐藏的class为“text”的元素，正宗的后代选择器

5

最后写一下自己的发现吧~那就是和if  else相比，或许我们可以用toggle()方法来交替一组动作

eg:

toggleBtn.click(function(){
        if($category.is(":visible")){
        //隐藏某些元素
        }
        else{
        //显示某些元素
        }
    })

$toggleBtn.toggle(function(){
        //亮个相吧}
            
        funcrtion(){
        //还是犹抱琵琶半遮面的好呢
     })//两个function就ＯＫ

转载于:https://www.cnblogs.com/s-z-y/p/4330883.html

发表评论取消回复

表情：

评论列表（有 0 条评论，15人围观）

还没有评论，来说两句吧...

相关阅读

相关初学者容易忽视的Java泛型使用问题

作为初学者，Java泛型的使用可能会有一些常见的问题。下面列举了一些： 1. **类型参数不明确**：当你定义一个泛型类时，需要指定类型参数。例如，`List<String>

川长思鸟来/ 2024年09月24日 22:42/ 0 赞/ 15 阅读

相关 JVM内存管理：Java程序员容易忽视的问题

作为Java程序员，确实常常会忽略一些关于JVM（Java Virtual Machine）内存管理的关键问题。以下是一些易忽视的问题： 1. 堆内存分配与回收： -

小灰灰/ 2024年09月23日 18:48/ 0 赞/ 16 阅读

相关 Java语言特性下，容易忽视的安全问题

在Java语言特性下，一些常见的安全问题可能被忽视： 1. 对象序列化和反序列化：如果对象包含敏感信息（如密码），在进行序列化和反序列化操作时可能会泄露。应使用适当的安全策略

女爷i/ 2024年09月18日 06:15/ 0 赞/ 34 阅读

相关 jQuery选择器容易忽视的小知识大问题

1 关于检查某个元素在网页上的存在很多人会惯性的写成 1 if($("\tt"))\{ 2 //do something 3 \} 其实应该根据获取到元素的长度

ゝ一纸荒年。/ 2023年08月17日 17:19/ 0 赞/ 16 阅读

相关数组Array，容易忽视的细节

1、数组 1.1、数组的基本介绍数组是一个引用类型，它可以用来存储连续的多个数据，并可以通过下标来进行访问数组拥有固定长度，不可更改的不可变的

青旅半醒/ 2023年01月12日 10:09/ 0 赞/ 104 阅读

相关写代码时容易忽视的性能问题

写代码时容易忽视的性能问题主线程等不要有耗时操作主线程、其他模块回调等函数不要有耗时操作。主线程如果有耗时操作会容易导致阻塞主线程，轻则用户体验下降（但是用户体

Dear 丶/ 2022年09月30日 12:43/ 0 赞/ 151 阅读

相关 JQuery $()选择器注意问题

前提：dd类或者\dd都是不存在的 if($('.dd')){console.log(1);}else{console.log(2);} 这个dd类在页面中是没有的

港控/mmm°/ 2022年09月26日 13:57/ 0 赞/ 97 阅读

相关 jQuery中的九大选择器

九大选择器都是用来查找元素节点的。JQuery给我提供了九中类型的选择器。 1. 基本选择器基本选择器是JQuery最常用的选择器，也是最简单的选择器，它通过元素

冷不防/ 2022年05月12日 01:06/ 0 赞/ 83 阅读

相关 jQuery-jQuery选择器

jQuery 选择器 jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。 jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择

雨点打透心脏的1/2处/ 2022年04月17日 07:05/ 0 赞/ 374 阅读

相关 jQuery 的选择器

jQuery 的选择器可谓之强大无比，这里简单地总结一下常用的元素查找方法 $("myELement") 选择id值等于myElement

矫情吗；*/ 2022年04月13日 10:16/ 0 赞/ 211 阅读