jquery按下标获取元素_jquery获取元素的方法
一.根据标签属性或属性值获取
1.根据属性获取元素
比如要获取页面p标签中属性有id的元素
代码如下:
$("p[id]").css("color","red");
1
2.根据属性值获取元素
特殊符号 $ , ! , * , @ , ^ 的灵活使用。
2.1 $
[attribute$=value],匹配给定的属性是以某些值结尾的元素。下面举个例子来说明一下:
1
2
3
jq代码:
$("input[name$='letter']")
1
获取结果:
[ , ]
1
2.2 !
[attribute!=value],匹配所有不含有指定的属性,或者属性不等于特定值的元素,此选择器等价于:not([attr=value]).例子说明一下:
1
2
3
jq代码:
$("input[name!='newsletter']").attr("checked", true);
1
结果:
[ ]
1
2.3 *
[attribute*=value],匹配给定的属性是以包含某些值的元素。举个例子说明一下:
1
2
3
4
jq代码:
$("input[name*='man']")
1
结果:
[ , , ]
1
2.4 @
匹配包含给定属性的元素。注意,在jQuery 1.3中,前导的@符号已经被废除!如果想要兼容最新版本,只需要简单去掉@符号即可。
2.5 ^
[attribute^=value],匹配给定的属性是以某些值开始的元素,下面举个例子来说明一下
1
2
3
jq代码:
$("input[name^='news']")
1
结果:
[ , ]
1
2.6 获取指定属性且设定值中有指定字符串的元素
1
2
3
jq代码:
$("input[name$='letter'][value$='zz']").attr("checked","true");支持多条件操作
1
在jquery中,当使用
$(”input[name='metaId']“).val()
1
不能直接获得被选择的radio的值,只是获得 radio标签的第一个值,这可能jquery使用xpath语言了进行查找有关,而我们通常是想获得被选中的radio的值,有以下几种方法:
1,使用$(”input[name='metaId']:checked”).val()获得 //name代表radio中name属性名
2,使用$(”:radio:checked”).val()获得 //限制页面只有一组radio标签
1
2
3
二.根据标签选择器以及父子节点获取指定元素
1. 根据下标获取元素
0
1
2
3
4
5
6
7
1
2
3
4
5
6
7
8
9
10
jq代码
$(function(){
$("p").eq(2).css("color","red");
$("p").eq(3).css("color","red");
})
1
2
3
4
5
6
2. 获取指定条件一致和指定范围的元素
0
1
2
3
4
5
6
7
1
2
3
4
5
6
7
8
9
10
jq代码
$(function(){
$("p").filter('.center').css("color","red");
})
$(function(){
$("p").slice(5,7).css("color","yellow");
})
1
2
3
4
5
6
7
8
9
3.获取与条件表达式一致的元素
0
1
2
3
4
5
6
7
1
2
3
4
5
6
7
8
9
10
jq代码
jQuery(function(){
$("p").each(function(){
switch(true){
case $(this).is(".center"):
$(this).css("color","red");
break;
case $(this).is(".aa"):
$(this).css("color","yellow");
break;
}
})
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
4.获取元素的上一个元素和下一个元素
1号
2号
3号
4号
5号
6号
7号
1
2
3
4
5
6
7
8
9
jq代码
//获取元素的下一个元素
jQuery(function(){
$("p").next(".yes").css("color","red");
})
//获取元素的上一个元素
jQuery(function(){
$("p").prev(".yes").css("color","red");
})
1
2
3
4
5
6
7
8
9
5.获取元素的父元素和子元素
1号
2号
3号
4号
5号
6号
7号
1
2
3
4
5
6
7
8
9
jq代码
//获取元素的父元素
jQuery(function(){
$("p").parent().css("color","red");
})
//获取元素的子元素
jQuery(function(){
$("#aa").children(".yes").css("color","red");
})
1
2
3
4
5
6
7
8
————————————————
版权声明:本文为CSDN博主「Java仗剑走天涯」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/baidu_37107022/article/details/73135960
jquery按下标获取元素_jquery获取元素的方法相关推荐
- jq获取下拉列表_jquery获取下拉框值的多种方法
jquery获得下拉框值的代码,方法有多种. 获取Select : 获取select 选中的 text : $("#ddlRegType").find("option:s ...
- jquery如何设置占位隐藏_jquery控制元素的隐藏和显示的几种方法。
组织略显凌乱,请耐心看! 使用jquery控制div的显示与隐藏,一句话就能搞定,例如: 1.$("#id").show()表示为display:block, $("#i ...
- jquery 根据class名 赋值_jquery为input赋值方法总结
摘要 腾兴网为您分享:jquery为input赋值方法总结,长江e号,学习帮,幸福钱庄,小学英语等软件知识,以及现代汉语词典第八版,手机文件,水星mw150um,吉他调音器,华为imei,allsha ...
- jquery获得当前元素父级元素_jquery怎么获取当前元素的父元素
展开全部 jquery获取父元素方法比较多,比如parent(),parents(),closest()这些都能实现查找父元素或节点32313133353236313431303231363533e7 ...
- jq 如何获取和当然元素相同类名的标签_jquery获取兄弟元素-jquery获取下一个兄弟元素-jquery获取最后一个兄弟元素...
jquery怎幺获取当前元素的兄弟元素 可以使用 siblings() jquery既然有next方法取得下一个元素,那幺有previous方法吗 $("#id").prev(); ...
- Javascript JQuery获取当前元素的兄弟元素/上一个/下一个元素(转)
var chils= s.childNodes; //得到s的全部子节点 var par=s.parentNode; //得到s的父节点 var ns=s.nextSbiling; //获得s的下一个 ...
- python 如何获取列表(List)中指定元素的下标? index() enumerate() 获取重复元素下标
获取列表中指定元素下标 方法1 a = [72, 55, 77, 96, 2, 77] print(a.index(77)) # 2 注意:当列表中包含多个相同的元素时,index()函数返回的是第一 ...
- layui如何获取父节点的父节点_jquery获取父元素或父节点的方法
jquery获取父元素方法比较多,比如parent(),parents(),closest()这些都能帮你实现查找父元素或节点,下面我们来一一讲解: 先举个例子, jquery获取父节点 jquery ...
- Js/Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法
在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素.或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素 1. 格式:win ...
最新文章
- 解读:为什么要做特征归一化/标准化?
- 个推无法获取个推id_最新个推Android 推送 SDK Maven 集成
- c++new时赋初值_基于ssm的客户管理系统 - C_you_again
- 连接mysql次数_MySQL通过CONNECTION_CONTROL限制连接次数
- 使用Architecture Explorer分析应用程序及使用层次图
- Unity3D-GUI初试
- 二进制,八进制,十进制,十二进制之间的转换!!!!!!!!!
- Java中break、continue及标签等跳转语句的使用[下]
- 终于解决“百年一遇”奇怪问题
- laravel连接mysql8_php – 如何使用laravel运行MySql 8?
- bin文件查看器app_鸿蒙系统编译第一个APP:hello
- 禁用 device/credential guard_iOS 13.3.1 Beta版中引入了禁用U1超宽带芯片的开关
- [原创]经典软件测试技术分类
- 物联网的体系结构分为_物联网体系结构分为哪三层
- html js 获取this,JavaScript中的this引用(推荐)
- php页眉,FPDF页眉和页脚 - php
- ReactNative入门(一)——环境搭建及第一个RN项目—HelloWorld
- 【Photoshop 教程系列第 2 篇】如何将 PS 中字体单位由点改为像素
- 【Linux 内核】编译 Linux 内核 ⑦ ( 安装内核模块 | 安装内核 | 重启系统 | 查看当前内核版本 )
- echarts3 使用((绘制各种图表,地图))