最近在复习JQuery,发现自己还没写过一个插件。在写插件之前,觉得开发插件是高端上档次的事,跟我这种小菜不搭边啊。不过在网上查了相关资料,发现开发插件其实是很简单的。

在这里我将说明JQuery插件常用的写法,以及这些插件的常用场景。 希望对大家有所帮助。

先准备了自己以前写过的一个火车票列表的页面,点击"设置样式与事件"出现以下效果。

自己动手JQuery插件开发

 

  这页面效果直接用Js代码实现的,那么在这里我们用插件的方法实现以上效果。

  页面表格代码如下:

 1 <body>
 2     <input type="button"  />
 3     <input type="button"  />
 4     <table >
 5         <tr>
 6             <th rowspan="2">
 7                 序号
 8             </th>
 9             <th rowspan="2">
10                 车次
11             </th>
12             <th colspan="2">
13                 查询区间
14             </th>
15             <th colspan="3">
16                 区间运行时刻
17             </th>
18             <th colspan="5">
19                 余票信息
20             </th>
21             <th>
22                 列车信息
23             </th>
24         </tr>
25         <tr>
26             <th>
27                 发站
28             </th>
29             <th>
30                 到站
31             </th>
32             <th>
33                 发时
34             </th>
35             <th>
36                 到时
37             </th>
38             <th>
39                 历时
40             </th>
41             <th>
42                 商务座
43             </th>
44             <th>
45                 特等座
46             </th>
47             <th>
48                 一等座
49             </th>
50             <th>
51                 二等座
52             </th>
53             <th>
54                 硬座
55             </th>
56             <th>
57                 等级
58             </th>
59         </tr>
60     </table>
61 </body>
View Code

相关文章:

  • 2022-12-23
  • 2021-07-05
  • 2022-12-23
  • 2022-12-23
  • 2021-10-12
  • 2022-12-23
  • 2021-06-17
猜你喜欢
  • 2021-06-10
  • 2022-12-23
  • 2021-12-09
  • 2022-12-23
  • 2022-02-23
相关资源
相似解决方案