js用button激活 Alert 元素关闭按钮的交互功能

摘要:
js用button激活Alert元素关闭按钮的交互功能一、总结1、点(.)对应class,井号(#)对应id2、jquery:amaze里面用的jquery,jquery熟悉之后,这些东西就很简单了,jquery很简单,一层一层的$().__()二、js用button激活Alert元素关闭按钮的交互功能样例代码:12×3在应用JS激活之前这个警告框是无法关闭的。45点击激活上面Alert的关闭功能67$(function(){8$('#doc-alert-btn-bind').one('click',function(){9$('#your-alert').alert();10alert('已激活,点击上的X试试!每个元素只能触发一次该处理器。
js用button激活 Alert 元素关闭按钮的交互功能

一、总结

1、点(.)对应class,井号(#)对应id

2、jquery:amaze里面用的jquery,jquery熟悉之后,这些东西就很简单了,jquery很简单,一层一层的$().__()

二、js用button激活 Alert 元素关闭按钮的交互功能

样例

js用button激活 Alert 元素关闭按钮的交互功能第1张

代码:

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、函数模式:$(function(){}),就是整个都被一个$()包进去了

4、选择器添加事件方法:通过id或者类名直接添加事件,而不是在什么onclick里面添加js函数

5、jquery的one()方法:第八行的 one 是jquery里面的one()方法,意思是向匹配元素添加事件处理器。每个元素只能触发一次该处理器。

免责声明:文章转载自《js用button激活 Alert 元素关闭按钮的交互功能》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Mac中如何搭建Vue项目并利用VSCode开发2015.7.30 第十五课 sql(新建数据库、创建表、注释、查询语句、新增、更新、删除、联合查询)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

根据浏览器history模拟浏览器后退按钮显隐问题

场景:在APP页面开发中,有一个需求,做一个返回按钮,实现的功能和浏览器的后退按钮相同。 措施:具体思路如下:           1.开始打开页面时,浏览器的history.length为1,按钮隐藏;       2.当history.length>1时,点击按钮执行 history.go(-1);    3.后退到历史记录栈中第一帧时,按钮隐藏...

js--定时器

js定时器整理(执行一次、重复执行) 在javascritp中,有两个关于定时器的专用函数,分别为: 1.倒计定时器:timename=setTimeout("function();",delaytime); 2.循环定时器:timename=setInterval("function();",delaytime); 第一个参数“function()”是定...

Android学习之---常用布局

1、线性布局 - LinearLayout LinearLayout 是一个视图容器,用于使所有子视图在单个方向(垂直或水平)保持对齐。您可 使用 android:orientation 属性指定布局方向。 android:orientation="horizontal"(水平) android:orientation="vertical"(垂直) 布...

JS动态创建表格比较【转】

目标:生成一个2000*5的表格,每个单元格的内容是行号+逗号+列号 方法一:使用createElement生成表格,使用insertRow和insertCell方法生成行列,单元格的内容使用innerHTML属性进行填充。 方法二:使用createElement生成表格,使用CreateElement方法生成行列,单元格的内容使用了createTex...

js侧边菜单

目标 实现一个侧边栏菜单,最多二级,可以收起展开.用于系统左侧的主菜单. 大多数系统都会有这样的菜单,用于导航功能,切换到不同的操作页面.在单页应用系统中,菜单一般是固定在左侧,分组节点上配图标,高亮显示当前选中菜单.可以收起菜单组. html 菜单容器nav,里面每个ul是一组菜单,每个sidemenu-title是菜单组的标题,可以加图标. <...

原生js动态创建、获取、删除属性的几种方式

1.创建属性 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>动态创建属性</title> <style> .democlass{color:blue;} </style> </hea...