jQuery的属性选择器区别于JavaScript
核心代码
$(function(){
// 更改type 属性为text的背景颜色
// $("input[type=text]").css("background-color","red");
//更改 name 属性以z开头的背景颜色
//$("input[name^=z]").css("background-color","yellow");
//更改 name 属性以d结尾的背景颜色
//$("input[name$=d]").css("background-color","blue");
//更改name 属性中含有p的元素的背景颜色
//$("input[name*=p]").css("background-color","orange");
//复合条件选择器 需要满足多个条件才可以使用
$("input[type=text][name^=z]").css("background-color","orange");
})
<!DOCTYPE html>