## 浮动提示 **鼠标移动浮动1** 只需要显示的地方`class`中加入`tip-hotspot`,并加入提示内容 `data-tip="提示内容"` ``` <a class=" tip-hotspot" data-tip="能看到我哦!" >移动到我这里</a> ``` **鼠标移动浮动2**(位置参考[链接](https://www.runoob.com/try/try.php?filename=bootstrap3-plugin-popover)) ``` <span data-toggle="popover" data-content="222222" data-placement="bottom" data-html="true" data-trigger="hover" data-original-title="" title="">鼠标移动</span> ``` **点击浮动** 参考:[链接](https://www.runoob.com/try/try.php?filename=bootstrap3-plugin-popover) ``` <code data-toggle="popover" data-placement="top" data-html="true" data-content="能看到我哦!" data-original-title="标题可有可无" >点我</code> ``` ## JS获取表单内容 获取id内的html内容 示例:获取div中的html ``` <div id="contents"><b>今天早上天气很冷,我朋友去提款机取钱。正好遇见运钞车来加钞,无奈之下我俩只好站在一旁苦苦等候,这时朋友问我:"冻手不?"我冷冷的回一句:"冻手。"结果我俩差点悲剧,四杆枪瞬间指向我们。。。</b></div> ``` JS代码 ``` var content = $('#contents').html(); ``` 单行文本 name值 toid ``` var toid = $('input[name="toid"]').val(); ``` 下拉 ID为yt ``` var yt = document.getElementById("yt").value; ``` ## JS发送表单信息 接收表单地址 `?msg=adds` 发送表单 `content` ``` $.post('?msg=adds', {content: content}, function (text) { }); ``` ## 弹出层提示 更多参见 [http://layer.layui.com](http://layer.layui.com) 弹出提示 ``` layer.alert('弹出对话框'); ``` 弹出对话 ``` //询问框 layer.confirm('即将导入默认语言项!<br><code>导入操作将会清空当前所有语言项!</code><br>请谨慎操作!!!点确定后将自动导入。', { btn: ['确定', '取消'] //按钮 }, function () { window.location.href = '?do=idata&id=' + id; }); ``` ***** 行高 ``` <div class="line" style="margin: 2px 0;"></div> ``` ***** **全选 反选 取选** html ``` <div id="list"> <input type="checkbox" name="ids" id="all" value="1" /> <input type="checkbox" name="ids" id="all" value="2" /> <input type="checkbox" name="ids" id="all" value="3" /> <input type="checkbox" name="ids" id="all" value="4" /> </div> ``` js 全选 ``` $("#list :checkbox").prop("checked", true); ``` 反选 ``` $("#list :checkbox").each(function () { this.checked = !this.checked; }) ``` 取选 ``` $("#list :checkbox").prop("checked", false); ``` 注:以上针对ID为list的内的控制,也可以删除 #list对全局控制 *****