案例:jQuery UI案例     状态:可编辑再运行    进入横版
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="/css/jqu1.10.4/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="/js/jqu/jquery.min1.10.2.js"></script>
16
  <script src="/js/jqu/jquery-ui.min1.10.4.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>

 运行结果 
 北美留学生论坛