首頁  >  文章  >  web前端  >  jquery外掛擴充使用詳解

jquery外掛擴充使用詳解

php中世界最好的语言
php中世界最好的语言原創
2018-04-19 16:09:351609瀏覽

這次帶給大家jquery外掛程式擴充使用詳解,jquery外掛擴充使用的注意事項有哪些,下面就是實戰案例,一起來看一下。

如下DEMO 展示了為dom擴展一個myshowHtml 的方法

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <script src="jquery.js"></script>
</head>
<body>
<p class="container">
  你好
</p>
<script>
  (function($) {
    $.fn.myshowHtml =function(){
      alert(this.html());
    }
  })(window.jQuery)
$(function(){
  $(".container").myshowHtml();
})
</script>
</body>
</html>

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

jQuery運算輸入框統計字數

#jQuery運算錨點動態位移

EasyUI結合zTree樹狀結構製作網頁

以上是jquery外掛擴充使用詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn