js用button激活 Alert 元素關閉按鈕的交互功能

一、總結

1、點（.）對應class，井號(#)對應id?

2、jquery：amaze里面用的jquery，jquery熟悉之后，這些東西就很簡單了，jquery很簡單，一層一層的$().__()

?

?

二、js用button激活 Alert 元素關閉按鈕的交互功能

樣例

?

代碼：

1 <div class="am-alert" id="your-alert"> 2 <button type="button" class="am-close">&times;</button> 3 <p>在應用 JS 激活之前這個警告框是無法關閉的。不信點右邊的 x 試試。</p> 4 </div> 5 <button type="button" class="am-btn am-btn-danger" id="doc-alert-btn-bind">點擊激活上面 Alert 的關閉功能</button> 6 <script> 7 $(function() { 8 $('#doc-alert-btn-bind').one('click', function() { 9 $('#your-alert').alert(); 10 alert('已激活，點擊上的 X 試試！'); 11 }); 12 }); 13 </script>

1、點（.）對應class，井號(#)對應id

2、第9行，添加alert()事件后，警告框才有效

3、函數(shù)模式：$(function(){})，就是整個都被一個$()包進去了

4、選擇器添加事件方法：通過id或者類名直接添加事件，而不是在什么onclick里面添加js函數(shù)

5、jquery的one()方法：第八行的 one 是jquery里面的one()方法，意思是?向匹配元素添加事件處理器。每個元素只能觸發(fā)一次該處理器。

?

轉載于:https://www.cnblogs.com/Renyi-Fan/p/9013556.html

總結

以上是生活随笔為你收集整理的js用button激活 Alert 元素关闭按钮的交互功能的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。