JQuery 属性选择器 [id^=btn]_button[id^=" "]

作者：AllinToyou | 2024-05-15 17:33:35

踩

button[id^=" "]

$('input'); //所有input元素
$('input[id]'); //input元素中，设置了id属性的所有元素。
$('input[id=btn1]'); //input元素中，id=btn1的元素。
$('input[id*=btn]'); //input元素中，id包含btn的所有元素。
$('input[id^=btn]'); //input元素中，id以btn开头的所有元素。
$('input[id$=btn]'); //input元素中，id以btn结尾的所有元素。
$('input[value][type=text]'); //同时满足多个属性条件，用[] []。input元素中，设置了value属性值，并且类型是text的所有元素。


<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script src="scripts/jquery-1.7.1.min.js"></script>
    <script>
        $(function() {
            $('input');  //所有input元素
			$('input[id]'); //input元素中，设置了id属性的所有元素。
			$('input[id=btn1]'); //input元素中，id=btn1的元素。
			$('input[id*=btn]'); //input元素中，id包含btn的所有元素。
			$('input[id^=btn]'); //input元素中，id以btn开头的所有元素。
			$('input[id$=btn]'); //input元素中，id以btn结尾的所有元素。
			$('input[value][type=text]');   //同时满足多个属性条件。input元素中，设置了value属性值，并且类型是text的所有元素。
        });
    </script>
</head>
<body>
    <input type="button" id="btn1" value="显示1"/>
    <input type="button" id="btn2"/>
    <input type="button" value="显示3"/>
    <input type="text" id="txt1"/>
</body>
</html>

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/AllinToyou/article/detail/574168