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

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

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

相关阅读

相关深度解析：Python开发者容易忽视的五大问题

作为一名Python开发者，我们可能会在日常工作中遇到一些被忽视的问题。以下是五个可能经常被忽略的问题： 1. **代码规范**： Python虽然灵活，但缺乏统一的编

约定不等于承诺〃/ 2025年02月19日 00:42/ 0 赞/ 72 阅读

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

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

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

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

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

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

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

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

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

相关 java中容易被忽视的语法知识点大汇总

文章目录 final 修饰的属性不可被修改？ final 修饰的属性不可被修改？这句话是不准确的，我们看一下下面几个例子，写法是错误的，final 的变量

以你之姓@/ 2023年03月02日 10:18/ 0 赞/ 67 阅读

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

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

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

相关 JQuery的选择器

JQuery选择器 JQuery选择器类似于CSS选择(定位元素，施加样式)，能够实现定位元素，施加行为使用JQuery选择器能够将内容与行为分离选择器种类：

水深无声/ 2022年07月16日 02:51/ 0 赞/ 378 阅读

相关 jQuery中的九大选择器

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

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

相关 jQuery-jQuery选择器

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

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

相关 jQuery 的选择器

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

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