jquery slibings选取同级其他元素的实现代码
<script type="text/javascript">
$(function(){
$("#downloadchartsright .chartstitleopt,#downloadchartsleft .chartstitleopt").click(function(){
$(this).siblings().removeClass('underline').end().addClass('underline');
});
})
</script>
比如点击“今日排名”“本周排名”“本月排名”显示底部下划线,可以通过以上jquery代码显示隐藏样式。
相关推荐
-
jQuery遍历DOM的父级元素、子级元素和同级元素的方法总结
如下图,显示了HTML中的结构树,通过 JQuery 遍历,您能够从被选(当前的)元素开始,轻松地在家族树中向上移动(祖先),向下移动(子孙),水平移动(同胞).这种移动被称为对 DOM 进行遍历. 遍历 - 父级(祖先) 向上遍历DOM数. 通过如下三个方法,我们可以获取父级元素: parent() parents() parentsUntil() 1.JQuery parent() parent() 方法返回被选元素的直接父元素. 该方法只会向上一级对 DOM 树进行遍历. <section
-
使用jquery选择器如何获取父级元素、同级元素、子元素
一.获取父级元素 1. parent([expr]): 获取指定元素的所有父级元素 复制代码 代码如下: <div id="par_div"><a id="href_fir" href="#">href_fir</a> <a id="href_sec" href="#">href_sec</a> <a id="href_thr&qu
-
jQuery父级以及同级元素查找介绍
jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class") jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素 jQuery.children(expr).返回所有子节点,这个方法只会返回直接的孩子节点,不会返回所有的子孙节点 jQuery.contents
-
jQuery获取同级元素的简单代码
next()相邻下一个同级元素 prev()相邻上一个同级元素 siblings()所有同级元素 $("#id").next(); $("#id").prev(); $("#id").siblings(); 以上这篇jQuery获取同级元素的简单代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.
-
使用jquery prev()方法找到同级的前一个元素
检索每个段落,找到类名为 "selected" 的前一个同胞元素: $("p").prev(".selected") .prev() 方法允许我们在 DOM 树中搜索这些元素的前一个同胞元素,并用匹配元素构造一个新的 jQuery 对象. .prev()方法找到的是当前元素的同级的前一个元素
-
jquery slibings选取同级其他元素的实现代码
复制代码 代码如下: <script type="text/javascript">$(function(){ $("#downloadchartsright .chartstitleopt,#downloadchartsleft .chartstitleopt").click(function(){ $(this).siblings().removeClass('underline').end().addClass('underli
-
使用jquery/js获取iframe父子级、同级获取元素的方法
在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素.或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素 1. 格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click(); 实例:window.frames["ifm"].document.getElementById("
-
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
1.获取父级元素 $("#id").parent() 获取其父级元素 $("#id").parents() 获取其所有的祖先元素 $("#id").closest() 获取其最近的祖先元素,依次上溯 -------------------------------------------------------------------------------- 2.获取同级元素 $("#id").next(selector) 获
-
JavaScipt选取文档元素的方法(推荐)
摘自JavaScript权威指南(jQuery根据样式选择器查找元素的终极方式是 先用getElementsByTagName(*)获取所有DOM元素,然后根据样式选择器对所有DOM元素进行筛选) 选取文档元素的方法: 1.通过ID选取元素(getElementById) 1)使用方法:document.getElementById("domId") 其中,domId为要选取元素的id属性值 2)兼容性:低于IE8版本的IE浏览器对getElementById方法的实现
-
jquery选择器排除某个DOM元素的方法(实例演示)
jquery选择器众多,使用选取某个DOM的方法有很多种,如何在选取的某个元素集上面做一些排除呢?下面通过几个实例说明: 1.选择所有的img元素,排除class=phpernote的元素的个数: 复制代码 代码如下: $('img:not(.phpernote)').length();//或者$('img').not('.phpernote').length(); 2.获取id=phpernote下面所有没有class=com的li元素的个数 复制代码 代码如下: $('#phpernote
-
jQuery Validate 无法验证 chosen-select元素的解决方法
chosen-select元素执行了chosen()方法后,为select元素加上了style="display: none;"进行隐藏,然后重新构造了一个看起来像select的下拉列表. 而jQuery Validate默认忽略对隐藏元素进行校验,因此我们要把select排除.在validate()方法的参数中增加ignore属性,将select从忽略的隐藏元素中剔除. $("select").validate({ignore: ":hidden:not
-
jQuery动态添加可拖动元素完整实例(附demo源码下载)
本文实例讲述了jQuery动态添加可拖动元素的方法.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: index.html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type&
-
jQuery获取页面及个元素高度、宽度的总结——超实用
下面把jQuery获取页面及个元素高度.宽度的方法汇总,分享给大家. 获取浏览器显示区域(可视区域)的高度 : 复制代码 代码如下: $(window).height(); 获取浏览器显示区域(可视区域)的宽度 : 复制代码 代码如下: $(window).width(); 获取页面的文档高度 复制代码 代码如下: $(document).height(); 获取页面的文档宽度 : 复制代码 代码如下: $(document).width(); 浏览器当前窗口文档body的高度: 复制代码 代码
-
jQuery实现form表单元素序列化为json对象的方法
本文实例讲述了jQuery实现form表单元素序列化为json对象的方法.分享给大家供大家参考,具体如下: 这段代码序列化form表单元素为json对象: <!Doctype html> <html xmlns=http://www.w3.org/1999/xhtml> <head> <title>jQuery扩展--form序列化到json对象</title> <meta http-equiv=Content-Type content=&
随机推荐
- 详解AngularJS脏检查机制及$timeout的妙用
- 易语言批量检测QQ号昵称的方法(推荐)
- php延迟静态绑定实例分析
- 用SELECT... INTO OUTFILE语句导出MySQL数据的教程
- MongoDB常用命令小结
- 编写跨浏览器的javascript代码必备[js多浏览器兼容写法]
- Bootstrap3制作搜索框样式的方法
- 配置Win2000系统中的磁盘配额
- ThinkPHP打开验证码页面显示乱码的解决方法
- JSP验证码简单生成方法
- JSP 开发之servlet中调用注入spring管理的dao
- C++通过自定义函数求一元二次方程的根
- 让JavaScript 轻松支持函数重载 (Part 1 - 设计)
- JSON.parse 解析字符串出错的解决方法
- 常用DOM整理
- ruby 单态方法 分析
- jQuery实现仿Alipay支付宝首页全屏焦点图切换特效
- js window对象属性和方法相关资料整理
- SQL注入建立虚拟目录,找Web绝对路径!
- Linux学习第一篇 虚拟机和镜像文件安装配置