实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
AخA
 
1
<!doctype html>
2
<html lang="en">
3
<head>
4
  <meta charset="utf-8">
5
  <title>:focusable Selector 实例</title>
6
  <link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">
7
  <style>
8
  input, a, p {
9
    border: 1px solid #000;
10
  }
11
  div {
12
    padding: 5px;
13
  }
14
  </style>
15
  <script src="//apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
16
  <script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
17
</head>
18
<body>
19
20
<div><input value="文本输入"></div>
21
<div><a>不带有 href 的锚</a></div>
22
<div><a href="#">带有 href 的锚</a></div>
23
<div><p>不带有 tabindex 的段落</p></div>
24
<div><p tabindex="1">带有 tabindex 的段落</p></div>
25
26
<script>
27
$( ":focusable" ).css( "border-color", "red" );
28
</script>
29
30
</body>
31
</html>