使用Jquery后代选择器

时间:2017-04-21 01:45:22

标签: jquery jquery-selectors

我正在尝试使用此页面上的Jquery后代选择器更改表单中文本框的背景颜色jQuery Descendant code

这是我正在使用的表单代码。

<form><div>Picnic Sign Up Form</div><label for="name">Full name</label>
<input name="fullname" id="fullname">
<fieldset>
<label for="firstname">Firstname here</label>
<input name="firstname" id="firstname"/> 
<label for="lastname">Lastname here</label>
<input name="lastname" id="lastname"/></fieldset></form>
$( "form fieldset input" ).css( "backgroundColor", "yellow" );

当我这样做时,它不会将字段集中的输入变为黄色。我的代码出了什么问题?

1 个答案:

答案 0 :(得分:0)

无法查看上面的代码是否已添加它们,但如果没有:

脚本需要在标签中

背景颜色的css也是:background-color

<script>
    $( "form fieldset input" ).css( "background-color", "yellow" );
</script>

当您使用Jquery时,您需要在脚本之前包含jquery库。