最簡單的jquery外掛開發示例
阿新 • • 發佈：2019-02-20
頁面三個DIV，一個按鈕。
點選按鈕後，三個DIV的高度調整為相同。
<!DOCTYPE html> <html> <head> <style> div { width: 40px; float: left; } input { clear: left } </style> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <input type="button" value="equalize div heights"> <div style="background:red; height: 40px; "></div> <div style="background:green; height: 70px;"></div> <div style="background:blue; height: 50px; "></div> <script> $.fn.equalizeHeights = function() { var maxHeight = this.map(function(i, e) { return $(e).height(); }).get(); return this.height(Math.max.apply(this, maxHeight)); }; $('input').click(function() { $('div').equalizeHeights(); }); </script> </body> </html>
