JQ
周家大小姐.
这个作者很懒,什么都没留下…
展开
-
jquery 点击元素以外任意地方隐藏该元素的方法
假设对象的id为divBtn,则代码如下,但不支持IE8: $('body').bind('click', function(event) { // IE支持 event.srcElement , FF支持 event.target var evt = event.srcElement ? event.srcElement : event.target; ...原创 2018-08-29 20:02:09 · 3700 阅读 · 0 评论 -
js 动态修改js和css路径
建一个common.jslet dev = true;let cssUrl = dev ? './' : 'https://cdn.xiaobei.beer/website/assets/'let jsUrl = dev ? './' : 'https://cdn.xiaobei.beer/website/assets/'const globalUrl = { cssUrl,...原创 2019-07-25 10:24:33 · 1796 阅读 · 0 评论 -
jq data()取从元素返回数据
需求:一开始的时候只有一个空的元素,之后动态从中添加图片做轮播图,当页面大于990px使用data-lg-img做背景,小于990Px用data-sm-img生成img插入divhtml: <div class="carousel-inner"> <div class="carousel-item active" data-sm-img="i...原创 2019-07-17 12:47:03 · 711 阅读 · 0 评论 -
jq 点击图片旋转90度
<div class="toggle_con d-flex align-items-cente"> <img src="./images/menu - close@2x.png" alt="" class="show_nav_content"> </div>css: .toggle_con { ...原创 2019-07-19 09:29:48 · 2528 阅读 · 0 评论 -
JS 面像对象封装
封装的js页面 // 封装window面像对象方法,把里面的东西变成全局给window,给外界使用 (function (window) { function Player($audio) {//定义一个类 // 类中创建了一个init的对像,(实例化出来的对象拥有prototype) ...原创 2019-05-29 23:38:16 · 656 阅读 · 0 评论 -
JQ 动态创建标签事件失效
在静态页面的时候Hover事件是有效的;但是改成ajax请求,动态生成标签后;事件就失效了;方案:把hover之类事件改成delegate事件委托,不过delegate在3.0中取消了;用On代替 $(`.content_list`).delegate('.list', 'mouseenter', function () {//代理移入事件 $(this...原创 2019-05-29 21:02:05 · 479 阅读 · 0 评论 -
JQ textarea实时监听
适用于JQ3.0以下的版本<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <me...原创 2019-05-24 22:23:02 · 2111 阅读 · 0 评论 -
jquery编写tab切换
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Page Title&a转载 2019-02-15 09:23:34 · 301 阅读 · 1 评论 -
vue 获取滚动条上拉加载
scrollLoding() { //加载事件 let self = this; // 注册scroll事件并监听 if (self.lists.length >= 20) { console.log("长度大于20"); window.addEventListener("scroll", this.add...原创 2018-11-08 16:50:07 · 668 阅读 · 0 评论 -
ajax 封装
comm.js $(function(){ /** * url 发送请求的地址 * data 发送到服务器的数据,数组存储,如:{"date": new Date().getTime(), "state": 1} * dataType 预期服务器返回的数据类...原创 2018-10-29 16:35:40 · 184 阅读 · 0 评论 -
旋转木马插件
http://www.jq22.com/jquery-info13239 通过以下代码设置图片数量以及自动播放时间等属性 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 $(document).ready(function(...原创 2018-03-12 10:04:24 · 402 阅读 · 0 评论 -
jquery仿淘宝购物车页面商品结算代码
jQuery淘宝购物车代码、商品单选、多选、购物车结算代码。素材网下载原创 2018-03-12 11:41:50 · 8871 阅读 · 0 评论 -
jquery拿系统时间和返回的json时间做对比并赋值
html:js:原创 2018-08-24 19:26:28 · 487 阅读 · 0 评论 -
jq 点击遮罩层关闭弹框
html: <!-- 弹框 --> <div class="z_popout"> <div class="z_mask"> <div class="z_popout_bg"> <div class="z_head_img"&g...原创 2019-08-29 19:58:47 · 1173 阅读 · 0 评论