【jQuery】属性选择器&表单选择器

最新推荐文章于 2023-05-05 01:13:18 发布

Alkaid:

最新推荐文章于 2023-05-05 01:13:18 发布

阅读量108

点赞数

分类专栏：前端文章标签： jquery

本文链接：https://blog.csdn.net/weixin_45867159/article/details/117856453

版权

前端专栏收录该内容

22 篇文章 0 订阅

订阅专栏

属性选择器

	示例	说明
[attribute]	$("[href]")	所有带有 href 属性的元素
[attribute=value]	$("[href=’#’]")	所有 href 属性的值等于 “#” 的元素
[attribute!=value]	$("[href!=’#’]")	所有 href 属性的值不等于 “#” 的元素
[attribute$=value]	$("[href$=’.jpg’]")	所有 href 属性的值包含以 “.jpg” 结尾的元素

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<a href="http://www.baidu.com">百度</a>
<br>
<a href="http://www.taobao.com">淘宝</a>
<br>
<a href="">测试</a>
<script src="js/jquery-1.12.4.js"></script>
<script>
    //属性选择器
    $('[href]').css("font-size","18pt");
    $('[href!=""]').css("font-size","36pt");
</script>
</body>
</html>

表单选择器

	示例	说明
:input	$(":input")	所有 <input> 元素
:text	$(":text")	所有 type=“text” 的 <input> 元素
:password	$(":password")	所有 type=“password” 的 <input> 元素
:radio	$(":radio")	所有 type=“radio” 的 <input> 元素
:checkbox	$(":checkbox")	所有 type=“checkbox” 的 <input> 元素
:submit	$(":submit")	所有 type=“submit” 的 <input> 元素
:reset	$(":reset")	所有 type=“reset” 的 <input> 元素
:button	$(":button")	所有 type=“button” 的 <input> 元素
:image	$(":image")	所有 type=“image” 的 <input> 元素
:file	$(":file")	所有 type=“file” 的 <input> 元素
:enabled	$(":enabled")	所有激活的 input 元素
:disabled	$(":disabled")	所有禁用的 input 元素
:selected	$(":selected")	所有被选取的 input 元素
:checked	$(":checked")	所有被选中的 input 元素

案例1 获select选中的值

获取所有option的文本值：

$("#s").text();  //获取所有option的文本值

获取选中的option的文本值：

$("#s option:selected").text();  //获取选中的option的文本值

获取select中option的被选中的value值:

$("#s").val();

js获取select选中的值：

var sel = document.getElementById("select1"); 
var index = sel.selectedIndex; // 选中索引
var value = sel.options[index].value;//选中索引的值

案例2 获radio选中的值

$('input[name="testradio"]:checked').val();
$('input:radio:checked').val();
$('input[name="testradio"][checked]');
$('input[name="testradio"]').filter(':checked');

Alkaid:

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【jQuery】属性选择器&表单选择器

属性选择器示例说明[attribute]$("[href]")所有带有 href 属性的元素[attribute=value]$("[href=’#’]")所有 href 属性的值等于 “#” 的元素[attribute!=value]$("[href!=’#’]")所有 href 属性的值不等于 “#” 的元素[attribute$=value]$("[href$=’.jpg’]")所有 href 属性的值包含以 “.jpg” 结尾的元素
复制链接

扫一扫