最近在复习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>