在jQuery中,冒号与大于号是什么?

时间:2018-01-28 11:37:18

标签: jquery

这两种符号有什么区别?我有一个输入字段,其值为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>

2 个答案:

答案 0 :(得分:3)

这不是jQuery本身,它们是CSS selectors,但:input是jQuery的补充。

  • .desposit_amount :inputinputselecttextarea匹配desposit_amount.desposit_amount>input元素的后代(孩子或孩子的孩子或孩子){ {1}}课程。其中没有任何其他内容的空间是后代组合器(参见上面链接的CSS规范)。

  • input匹配任何select(但不是textareadesposit_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/