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

来源：互联网发布：郑州淘宝网店加盟被抓编辑：程序博客网时间：2024/06/05 03:54

$('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>

阅读全文

0 0