首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

单击-.on(“jQuery”)隐藏每个兄弟项

单击-.on("jQuery")隐藏每个兄弟项是一个jQuery事件绑定的语法。它表示当使用jQuery选择器选中的元素被单击时,执行一个函数来隐藏该元素的每个兄弟项。

具体解释如下:

  • 单击:表示当元素被单击时触发事件。
  • .on("jQuery"):是jQuery的事件绑定方法,用于绑定一个或多个事件处理函数到选中的元素上。
  • 隐藏:表示将选中的元素隐藏起来,即在页面上不可见。
  • 每个兄弟项:表示选中元素的所有兄弟元素。

这个功能在前端开发中非常常见,可以用于实现一些交互效果,例如点击某个按钮隐藏其他相关元素,或者点击某个选项卡隐藏其他选项卡内容等。

推荐的腾讯云相关产品和产品介绍链接地址如下:

  • 腾讯云云服务器(CVM):提供弹性计算能力,满足各种规模的业务需求。产品介绍链接
  • 腾讯云云数据库 MySQL 版(CDB):提供高性能、可扩展的关系型数据库服务。产品介绍链接
  • 腾讯云对象存储(COS):提供安全、稳定、低成本的云端存储服务。产品介绍链接
  • 腾讯云人工智能(AI):提供丰富的人工智能服务,包括图像识别、语音识别、自然语言处理等。产品介绍链接
  • 腾讯云物联网(IoT):提供全面的物联网解决方案,帮助连接和管理物联设备。产品介绍链接

以上是腾讯云提供的一些相关产品,可以根据具体需求选择适合的产品来支持云计算领域的开发和运维工作。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

学习jQuery这一篇就够了

注意:如果存在(不存在)就删除(添加)一个样式类 需求描述:当单击按钮的时候,隐藏 div,再次单击按钮的时候,显示 div .hide { width: 100px; height...for (var i = 0; i < childrens.length; i++) { console.log(childrens[i]); } # 3. prev() 方法描述:获取集合中每个匹配元素紧邻的前一个兄弟元素...列表项3 我是段落2 console.log($('#two').prev()[0]); # 4. prevAll() 方法描述:获得集合中每个匹配元素的所有前面的兄弟元素...列表项3 我是段落2 console.log($('#two').next()[0]); # 6. nextAll() 方法描述:获得集合中每个匹配元素的所有后面的兄弟元素...); for (var i = 0; i < nexts.length; i++) { console.log(nexts[i]); } # 7. siblings() 方法描述:获得集合中每个匹配元素的兄弟元素

99350
  • 杨老师课堂之Jquery的筛选,事件,效果,Ajax,javascript跨域)

    () 后面的所有兄弟(DEF) E.prev() 上一个兄弟(D) –> previous() E.prevAll() 前面的所有(CD) E.siblings() 所有兄弟(CDF) 了解 C.nextUntil...可以用同样的方法解决 元素上的问题 阻止默认行为 网页中的元素都有自己默认的行为,例如:单击超链接后悔跳转,单击”提交”按钮会表单会提交,有时需要阻止元素的默认行为 在jquery中,提供了preventDefault...],[easing],[fn]) 如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。...,fn) 显示 当显示成功后触发fn hide()隐藏 toggle(speed[,fn]) 切换,如果隐藏就显示,如果显示就隐藏。...•easing:(Optional) 用来指定切换效果,默认是"swing",可用参数"linear" •fn:在动画完成时执行的函数,每个元素执行一次。

    8.3K20

    Web前端知识(四)

    鼠标单击事件 click 鼠标进入事件 mouseover 鼠标离开事件 mouseout 鼠标移动事件 mousemove 4.1.6. jQuery操作CSS l通过jQuery可以很方便的来操作...p $(“div~p”) 选取紧跟后的兄弟元素中的所有p 间接后代: 直接后代: 紧跟第一个兄弟: 选取紧跟后面所有兄弟元素 【注意点】:一定是紧跟着(紧挨着)的,中间不能有插队!!!.... 4.1.9.2.jq中动画分类 1.显示、隐藏 2.滑动、卷动 3.淡入、淡出 4.自定义动画 4.1.9.3.jq的显示与隐藏动画 hide()方法隐藏元素 格式:hide(speed...").toggle(1000);}); 【隐藏和显示以及切换动画总结】: Ø注意:在无参数的时候,只是硬性的显 示内容和隐藏内容。...而 jQuery 为了解决这个问题提供了 .fadeTo()方法 注意:淡入、淡出效果和显示、隐藏效果一样,具有相同的参数。

    7.4K30

    jQuery 常用方法

    Ajax 交互 选择器 符号$表示 jQuery 对象,$函数通常也被称为 jQuery 的工厂函数,jQuery 的操作基本上都以$( )开始,所有选择器都放在这个括号中,例如$("#title")将返回一个...jQuery 选择的 HTML 元素,在返回 jQuery 对象之后,就可以调用由 jQuery 提供的丰富的 API 来完成相应的操作了 基本选择器,通过元素标签名,元素 ID,Class 来查找.../ 显示该元素 .toggle(); 切换这个 cls 类 .toggleClass(‘cls’); 筛选元素 .filter(); 向每个匹配元素追加内容 .append(); 把所有匹配元素追加到另一个指定的元素元素集合中....prependTo(); $("love").prependTo("p"); 再次元素之后添加元素 .after(); 将此元素添加到(参数)的后面 .insertAfter(); 在每个匹配的元素之前添加元素....slideUp(); 向下收缩显示 .slideDown(); 显示隐藏切换 .slideToggle(); 获取兄弟元素 之后的第一个兄弟元素 .next();· 之后的所有兄弟元素 .nextAll

    2.6K50

    jQuery (二)

    使用jQuery处理事件 事件处理 一个栗子,单击p时背景变成灰色 由于es6的箭头函数不支持this的绑定,所以无法使用箭头函数,只能使用匿名函数 html <!...; // 触发没有命名空间的单击处理程序 或者如下 // 单击一将会触发二上的事件 $('#button1').click((e) => {$('#button2').trigger('button2'...调用 $( "button" ).click(function() { $( "p" ).fadeOut().show(30000).slideToggle(); }); 将会先隐藏,在显示出,接着进行切换...或者使用传入参数的方式 $('img').animate({ "width": "+=100" }, 500, "linear"); 或者为不同的css动画属性定义不同的缓动函数 // 用hide()方法,隐藏图片...(); // 选择footer元素前面的所有兄弟元素 $('li').parent(); // 列表元素的父元素 $('a[href]').parents('p'); // 选择含有链接的p元素

    9.3K30

    JQuery基础

    隐藏当前元素 $(this).hide(); // 隐藏所有元素 $('p').hide(); // 隐藏所有class="test"的元素 $('p.test').hide(); //...test的元素 $("p:first"):选取第一个元素 $("ul li:first"):选取第一个元素中的第一个元素 $("ul li:first-child"):选取每个...常见DOM事件: 鼠标事件:click(单击元素),dbclick(双击元素),mouseenter(鼠标指针移入元素),mouseleave(鼠标指针移出元素)事件; 键盘事件:keypress(键被按下...2.遍历--后代(子元素一下都是后代元素): children():返回被选元素的直接子元素 find():返回被选元素的所有子元素(一直遍历到最后一个子元素) 3.遍历--同胞(siblings;兄弟元素...,具有相同的父元素) siblings():返回被选元素的所有同胞(兄弟)元素;可选参数可以用来进行过滤:$('h2').siblings('p'):返回与h2具有相同父元素的p元素 next():返回被选元素的下一个同胞元素

    4.6K51

    一文深入JQuery

    文章目录 动画 三种方式显示和隐藏元素 默认显示和隐藏方式 滑动显示和隐藏方式 淡入淡出显示和隐藏方式 遍历 js的遍历方式 jq的遍历方式 jq对象.each(callback) $.each...广告显示和隐藏 抽奖 插件:增强JQuery的功能 实现方式: 动画 三种方式显示和隐藏元素 默认显示和隐藏方式 show([speed,[easing],[fn]]) 参数: speed:动画的速度...easing:用来指定切换效果,默认是"swing",可用参数"linear" swing:动画执行时效果是 先慢,中间快,最后又慢 linear:动画执行时速度是匀速的 fn:在动画完成时执行的函数,每个元素执行一次...案例 广告显示和隐藏 <!...分析发现JQuery的显示和隐藏动画效果其实就是控制display 3.

    3.3K30

    什么是jQuery

    children():只查询子节点,不含后代节点 next():下一下兄弟节点 prev():上一下兄弟节点 siblings():上下兄弟节点 css样式 addClass():增加已存在的样式 removeClass...、显示时间 show():显示对象 hide():隐藏对象 fadeIn():淡入显示对象 fadeOut():淡出隐藏对象 slideUp():向上滑动 slideDown():向下滑动 slideToggle...mousemove:在指定区域中不断移动触发 mouseover:鼠标移入时触发 mouseout:鼠标移出时触发 submit:在提交表单时触发,true表示提交到后台,false表示不提交到后台 click:单击触发...于是乎,Jquery也提供了serialize()这么一个方法,给我们自动把表单中的数据封装成JSON格式的数据 使用之前要注意的是: 为每个jQuery对象设置一个name属性,因为name属性会被认为请求参数名...script type="text/javascript"> $("#provinceId").change( function() { //每次调用的时候,把城市的值清空,除了第一

    3K70

    JQuery最全常用方法指南

    如果元素是可见的,切换为隐藏的;如果元素是隐藏的, 切换为可见的。...由于jquery对象本身是一个集合。所以如果jquery对象要转换为dom对象则必须取出其中的某一,一般可通过索引取出。...集合的某一 对于获取的元素集合,获取其中的某一(通过索引指定)可以使用eq或get(n)方法或者索引号获取,要注意,eq返回的是jquery对象,而 get(n)和索引返回的是dom元素对象。...返回的集合内容无需我们自己循环遍历并对每个对象分别做处理,jquery已经为我们提供的很方便的方法进行集合的处理。...例如: $("p").bind("click", function () { alert($(this).text()); }); //为每个p元素添加单击事件 $("p").unbind(); //删除所有

    11K31

    day41_jQuery学习笔记_02

    D D.next()            获得下一个兄弟。E D.nextAll()         获得后面的所有兄弟。EF E.prev()            获得上一个兄弟。...D(prev = previous) E.prevAll()         获得前面的所有兄弟。CD E.siblings()        获得所有兄弟。...;             });             $("#e03").click(function() {                 $("#buttonMsg").html("鼠标单击事件...hide(speed, fn)     隐藏 toggle(speed, fn)   切换 8.2、滑动效果|动画 详解如下: 通过改变元素  高度  进行显示或隐藏 slideDown(speed...如下图所示: 详解如下: serializeArray()    将表单中所有选中拼凑一个json数组 返回的JSON对象是由一个对象数组组成的,其中每个对象包含一个或两个名值对——name参数和value

    3.9K20
    领券