什么是[href ^ =" /"]'意思?

时间:2015-10-02 02:51:34

标签: javascript backbone.js

在下面的代码中,//parameter[contains(name,'team')]/value 是正则表达式吗?

为什么它有a[href^="/"]符号,它有什么作用?

它会/它赢得哪些点击事件?

^

(code source)

3 个答案:

答案 0 :(得分:11)

  

Q值。在下面的代码中,a[href^="/"]是正则表达式吗?

R上。不,这不是正则表达式。这是一个(基于CSS)jQuery selector

  

Q值。为什么它有^符号,它有什么作用?

它有这个符号,因为它意味着startsWith

  

Q值。它会/不会响应哪些点击事件?

R上。它将回复任何a标记,其href属性以/开头。

注意:Backbone代码可能正在使用该选择器来获取网站的所有内部链接并更改其行为以进行客户端导航,而外部链接将以http / https开头。

答案 1 :(得分:2)

^符号表示该事件将执行以/

开头的任何链接

答案 2 :(得分:2)

<div class="col-lg-6"> <div class="form-group"> <label for="from" class="control-label col-xs-4"><p class="left">From</p></label> <div class="col-xs-7"> <input type="date" value="<?php echo date ('M-d-Y'); ?>" style="width:340px; height:30px;" name="from" required/> </div> <div class="col-xs-1"> </div> </div> </div> <div class="col-lg-6"> <div class="form-group"> <label for="to" class="control-label col-xs-4"><p class="left">To</p></label> <div class="col-xs-7"> <input type="date" value="<?php echo date ('M-d-Y'); ?>" style="width:340px; height:30px;" name="to" required /> </div> <div class="col-xs-1"> </div> 是一个选择器:

  

选择器是与树中的元素匹配的模式,因此形成可用于选择XML文档中的节点的若干技术之一。选择器已针对HTML和XML进行了优化,旨在用于性能关键代码。

a[href^="/"]符号与正则表达式^锚点类似,但它并不是真正的正则表达式。它被用作特定的属性选择器:

  

6.3.2。子串匹配属性选择器

     

提供了三个额外的属性选择器,用于匹配属性值中的子字符串:

     

[ATT ^ = VAL]

     

表示具有att属性的元素,该属性的值以前缀&#34; val&#34;开头。如果&#34; val&#34;是空字符串,然后选择器不代表任何东西。

     

[ATT $ = VAL]

     

表示具有att属性的元素,其值以后缀&#34; val&#34;结尾。如果&#34; val&#34;是空字符串然后选择器不代表任何东西。

     

[ATT * = VAL]

     

表示具有att属性的元素,该属性的值至少包含子字符串&#34; val&#34;的一个实例。如果&#34; val&#34;是空字符串,然后选择器不代表任何东西。

这些是元素属性的选择器(^是属性)。

W3C规范:Selectors Level 3