这两种符号有什么区别?我有一个输入字段,其值为5,包含在一个名为.deposit_amount
$('.deposit_amount :input').val()
"5"
$('.deposit_amount>input').val()
"5"
这是我的HTML:
<div class="deposit_field">
<div class="deposit_toAddress" <label="">Deposit To:
<input type="text" value="">
</div>
<div class="deposit_amount" <label="">Deposit Amount:
<input type="text" value="">
</div>
<input type="button" class="deposit_button" value="Deposit">
</div>
答案 0 :(得分:3)
这不是jQuery本身,它们是CSS selectors,但:input
是jQuery的补充。
.desposit_amount :input
与input
或select
或textarea
匹配desposit_amount
或.desposit_amount>input
元素的后代(孩子或孩子的孩子或孩子){ {1}}课程。其中没有任何其他内容的空间是后代组合器(参见上面链接的CSS规范)。
input
匹配任何select
(但不是textarea
或desposit_amount
)与{的直接子元素{ {1}}课程。 >
是子组合器(请参阅上面链接的CSS规范)。
唯一的jQuery特定部分是jQuery添加的:input
伪选择器。
答案 1 :(得分:1)
export class Address {
Line1: string;
City: string;
PostCode: number;
Country: string;
Contact: SimpleContact; //here we are using the model
constructor(obj?: any) {
this.Line1 = (obj && obj.Line1) || '';
this.City = (obj && obj.City) || '';
this.PostCode = (obj && obj.PostCode) || null;
this.Country = (obj && obj.Country) || '';
this.Contact = new SimpleContact(obj);
}
}
选择器是一个直接子选择器,就像CSS一样。也就是说,在您的情况下,它只选择>
的直接子元素。
您可以在此处详细了解:https://api.jquery.com/child-selector/
'.deposit_amount'
选择器基本匹配父div中的任何表单控件。
您还可以在此处详细了解:https://api.jquery.com/input-selector/