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

ゝ一纸荒年。 2023-08-17 17:19 46阅读 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 条评论，46人围观）

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

相关阅读

相关 Python编程：十大容易忽视的问题及解决方案

在学习和使用Python编程时，确实可能会遇到一些容易被忽视的问题。以下是我为你整理的这些问题及其解决方案： 1. **命名空间**：变量名应具有描述性，避免与内置函数重名。

素颜马尾好姑娘i/ 2024年12月18日 12:48/ 0 赞/ 9 阅读

相关抖音短视频创作：初学者容易忽视的五大问题

在抖音短视频创作中，作为初学者可能会遇到以下几个问题，常常会被忽略： 1. 内容创意不足：创作抖音视频首要的是要有吸引人的点子，这个点子可以是有趣的段子、新颖的生活小

梦里梦外;/ 2024年12月16日 13:57/ 0 赞/ 1 阅读

相关初学者容易忽视的Java代码规范问题

作为初学者，有时候确实会忽略一些Java代码规范。以下是一些常见但容易被忽视的问题： 1. **命名规范**：变量、方法等名称应清晰明了，使用驼峰式命名法。 2. **缩进

待我称王封你为后i/ 2024年10月22日 04:54/ 0 赞/ 58 阅读

相关 Java初学者容易忽视的编程规范问题

作为Java初学者，确实可能会遇到一些编程规范问题。以下是一些常见的疏忽点： 1. **命名规范**：变量、方法和类名应清晰易懂，且遵循驼峰命名法。 2. **缩进格式**

红太狼/ 2024年10月19日 20:39/ 0 赞/ 64 阅读

相关 jQuery选择器、jQuery关系选择器、jQuery伪选择器

一、jQuery选择器 1、父元素(向上遍历单一层级)：parent() 2、祖先元素：parents(selector) 3、子元素(向下遍历单一层级)：child

本是古典何须时尚/ 2023年10月07日 11:58/ 0 赞/ 33 阅读

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

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

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

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

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

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

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

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

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

相关 jQuery中的九大选择器

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

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

相关 jQuery-jQuery选择器

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

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