首页
学习
活动
专区
圈层
工具
发布

jQuery的addClass、siblings、removeClass、each、html、eq、showhide用法

$(this).addClass(‘class’):为当前元素添加’class’类(供选择器使用 - - ) $(this).siblings(‘class’):查找当前元素的所有类名为 “class”...(同胞就是拥有相同的父元素) $(this).removeClass(‘class’):为当前元素去除’class’类,与addClass作用相反 $(this).addClass(‘class’).siblings...(‘class’).removeClass(‘class’):作用是 给当前元素添加’class’类并查找同胞元素再去除同胞元素的’class’类 addClass() siblings() removeClass...DOM下除了自身以外的DOM,把他们的on属性去掉,没有选择自己,自然也不会把自己的on属性去掉 源代码 removeClass("current"); // 2.点击的同时,得到当前li 的索引号

1.8K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    WordPress || WordPress 获取当前分类 ID 的几种方法

    WordPress 获取当前分类 ID 的方法有很多,但是很多时候我们的疏忽可能导致功能的不完善,就拿我来说,在不同分类采用不同版式的情况下,后台获取分类 ID 就存在一定的错误,最终导致版式存在很严重的问题...函数获取当前页面的名称,接下来通过get_cat_ID 函数通过名称获取 ID,这个函数我们之前已经介绍过了,详见: [insert ids=”908″] 方法三 function get_current_category_id...() { $current_category = single_cat_title('', false);//获得当前分类目录名称 return get_cat_ID($current_category...);//获得当前分类目录ID } 通过调用功能代码来实现: 方法四 $category = get_the_category();//默认获取当前所属分类 echo $category[0]->cat_ID; //输出分类id 函数返回值: cat_ID –

    2.7K20

    【Java 进阶篇】JQuery DOM操作:Class属性的舞蹈魔法

    在本篇博客中,我们将深入研究JQuery DOM操作中的Class属性操作,揭示这段舞蹈背后的绝妙之处。 JQuery的独特韵味 JQuery,这个前端开发中的名角,以其简洁而强大的语法而备受推崇。...// 示例:移除oldClass类 $("#myElement").removeClass("oldClass"); 通过removeClass()方法,我们移除了#myElement元素原先的oldClass...动态控制导航菜单样式 在网页的导航菜单中,我们常常需要根据用户的操作来动态改变菜单项的样式,以反映当前所在的页面。通过Class属性操作,我们可以轻松实现这一效果。 <!...制作图片轮播器 在制作图片轮播器时,我们通常需要通过Class属性操作来控制当前显示图片的样式。 的按钮 $("button.selected").removeClass("selected"); 多Class操作 JQuery允许我们一次性添加、移除或切换多个

    35620

    JQuery DOM操作:Class属性的舞蹈魔法

    在本篇博客中,我们将深入研究JQuery DOM操作中的Class属性操作,揭示这段舞蹈背后的绝妙之处。JQuery的独特韵味JQuery,这个前端开发中的名角,以其简洁而强大的语法而备受推崇。...// 示例:移除oldClass类$("#myElement").removeClass("oldClass");通过removeClass()方法,我们移除了#myElement元素原先的oldClass...动态控制导航菜单样式在网页的导航菜单中,我们常常需要根据用户的操作来动态改变菜单项的样式,以反映当前所在的页面。通过Class属性操作,我们可以轻松实现这一效果。当前显示图片的样式。的按钮$("button.selected").removeClass("selected");多Class操作JQuery允许我们一次性添加、移除或切换多个

    54910

    JS实现动态获取当前点击事件的id属性值

    整个页面是通过ajax请求最新的4部视频进行填充完成,视频列表又是通过template-web.js插件补上去的,所以导致所有ID值都是一样的,一开始给按钮添加一个事件,结果是所有播放按钮都是播放第一个视频...于是,想了好多办法,又把ID属性给弄成动态的ajax请求的属性值,实现了每个id不一样,接下来,因为点击播放要调用一个方法,进行解析视频播放,拼接成API+视频链接的格式在新打开的弹窗进行展示。...具体可以看下图: 要实现点击不同按钮,并且按钮ID是动态从ajax请求获取的,还要添加点击视频拼接视频链接,参考了文章,可以获取点击按钮的id值,然后使用button,将链接放在value中 Dom...对象的id属性可以获取元素的id值。...var element = layui.element, $ = layui.jquery, form = layui.form,

    29K20

    jQuery

    2、    查找元素 jQuery里有:选择器、筛选器 关于jQuery的版本 关于jQuery的版本:(现在一共有三大版本) 1系列版本 2系列版本 3系列版本 三者的区别是:1系列兼容ie的各个版本...、2系列以及3系列只能支持ie8以上的浏览器 所以选择1系列,现在最新的是1.12版本 jQuery的导入方式 jQuery的导入方式: jquery-1.12.4.js"> 调用的时候有两种方式: $或者jquery 下面是一个基本的例子 id = "i1">zhaofan jquery...#u1").append(temp)   这个是在当前标签子标签里的后面追加 $("#u1").prepend(temp)  这个是在当前标签子标签里的前面追加 $("#u1").after(temp)...    这个是作为当前标签的兄弟标签的后面添加 $("#u1").before(temp)   这个是作为当前标签的兄弟标签的前面添加 $('#u1 li').eq(index).remove()  这个是删除

    4.9K50

    jQuery基本语法和选择器

    JQuery 一.JQuery基础语法 1.概念 JQuery是javaScript的一个库,Jquery基于javascript开发出来。目的就是为了简化javascript的开发。...//1.jquery 加载事件 //$(document):当前文档对象; //.ready():方法;参数:匿名函数对象,传递进去了; // $(document).ready....first() .last() .eq(0) 3.2 基本选择器 1.id选择器 $("#id名") 2.类选择器 $(".类选择器名")来访问相应的使用类样式的元素 3.标签选择器 $(“div”)...val()–>value size()–>length text()–>只出来当前元素下的文本,不会出来html标签的格式. css():设置当前元素的样式,语法:元素对象.css(“属性名”,“值”)...addClass():增加元素的样式,addClass(“样式名”) removeClass():移除元素的样式,removeClass(‘样式名’) 总结: 1.基本选择器,重点前3个;id 类样式

    27910
    领券