![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jquery
今晚打老虎...
你猜
展开
-
jquery增、删、改、查
1、增<p>hello</p>$("p").append("<b>world</b>")//使用append插入// <p>hello<b>world</b></p>//显示结果$("p").prepend("<b>world</b>")//使用prepend插入// <p><b>world</b>hello</p>//显示结果原创 2020-12-15 10:39:50 · 230 阅读 · 0 评论 -
公共页面的引用
本地跨域问题右键浏览器图标——>属性——>快捷方式——>目标,在目标后添加下列内容即可 --args --disable-web-security --user-data-dir1、load方法$("header").load("./head.html");原创 2020-06-09 09:05:27 · 172 阅读 · 0 评论 -
常用事件
移入移出事件//冒泡想到mouseover和mouseout事件//仅对当前被选元素有效mouseenter和mouseleave原创 2020-05-15 15:17:45 · 193 阅读 · 0 评论 -
jquery去重
var arr = [112, 112, 34, '你好', 112, 112, 34, '你好', 'str', 'str1']; var res = []; var json = {}; for(var i = 0; i <arr.length;i++){ if(!json[arr[i]]){ res.push(arr[i]); json[arr[i]] =2;...原创 2019-12-21 11:43:41 · 228 阅读 · 0 评论 -
jQuery在线引用地址
https://www.bootcdn.cn/jquery/原创 2019-12-06 10:07:22 · 464 阅读 · 0 评论 -
H5 中监听页面滚动事件,判断滚动方向的方法
//监听页面滚动事件function scrollEvent() { window.onscroll = function(e){ scrollFunc(); if(scrollDirection == 'down'){ //页面向下滚动要做的事情 } else if(scrollDirection ...转载 2019-11-25 12:02:12 · 2220 阅读 · 0 评论 -
a链接的妙用
在移动端的页面需要调用手机拨打电话、发送短信、邮件等接口,只需直接使用a标签即可!<a href="tel:10086">10086</a> //点击后直接拨打10086 <a href="mailto:c1586@qq.com?subject=TestObject">c6088@qq.com</a>//点击后直接给c1586@qq.c...转载 2019-11-19 09:18:26 · 151 阅读 · 0 评论 -
HTML禁止复制粘贴以及禁止下载图片的小技巧
禁止右键οncοntextmenu=“return false”禁止复制οncοpy=“return false”禁止剪切oncut=“return false”禁止图片拖动οndragstart=“return false”禁止选择onselectstart=“return false” or οnselect=“return false禁止粘...转载 2019-11-02 10:44:47 · 1306 阅读 · 0 评论 -
给title添加logo
<link href="../img/title.ico" rel="SHORTCUT ICON" />logo的图片格式必须要换成.ico格式的,不然不起作用,只需要修改后缀名就行了原创 2019-09-26 08:21:37 · 342 阅读 · 0 评论 -
引用css,js
css:@charset "UTF-8";* { margin: 0; padding: 0; color: #333333; list-style: none; /*把此元素放置在父元素的中部。*/ vertical-align: middle; box-sizing: border-box; /*去除移动端特有的点击高亮效果*/ -webkit-tap-...原创 2019-09-04 09:08:22 · 110 阅读 · 0 评论 -
form获取所有值
var dats = {}; var vals = $('form').serializeArray(); $.each(vals, function () { dats[this.name] = this.value; }); console.log(dats);原创 2019-09-03 09:08:59 · 1026 阅读 · 0 评论 -
ios系统(苹果手机)按钮显示为圆角和渐变的问题
因为这是手机自带的系统按钮样式。解决办法:给按钮的样式加上:-webkit-appearance:none;原创 2019-08-31 10:09:16 · 333 阅读 · 0 评论 -
移动端修改状态栏颜色
一.修改全部页面状态栏function plusReady() { var type = plus.os.name; if(type == "iOS") { plus.navigator.setStatusBarBackground(color); } else { plus.navigator.setStatusBarBackground(color); } } if(wi...原创 2019-08-13 11:38:53 · 2964 阅读 · 0 评论 -
获取各种宽高度
height():返回当前元素的高度(不含单位,不含边框,不含padding,不含margin)css("height"):返回当前元素的高度,带单位,不含边框,不含padding,不含margininnerHeight():返回当前元素的高度(包括padding,但是不包括border,window和document不适用)outerheight():返回当前元素的高度(包括padding...转载 2019-08-24 09:06:10 · 420 阅读 · 0 评论 -
弹幕
查看democss: .box{ width:90%; height:300px; margin:0 auto; position:relative; border:1px solid red; } .sps{ position:absolute; white-space: nowrap; } .kk{ display: none; }html:...原创 2019-08-20 10:10:13 · 95 阅读 · 0 评论 -
jquery.cookie.js 下载和使用方法
jquery.cookie.js基于jquery;先引入jquery,再引入:jquery.cookie.js;地址:http://plugins.jquery.com/cookie/<script type="text/javascript" src="../js/jquery.min.js"></script><script type="text/javasc...原创 2019-07-26 09:02:38 · 943 阅读 · 0 评论 -
jquery加载loading、上拉加载、下拉刷新、识别二维码
demo传送转载 2019-04-26 16:27:06 · 379 阅读 · 0 评论 -
jquery~吸顶导航效果(移动端)
css: *{margin:0;padding:0;} html,body{ margin:0 auto; position: relative; } header{ width:100%; height:1rem; background:red; position:fixed; top:0; left:0; } section{ hei...原创 2019-04-27 09:48:37 · 737 阅读 · 0 评论 -
meta标签
width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最小比例 maximum-scale - 允许用户缩放到的最大比例 user-scalable - 用户是否可以手动缩放<meta name="viewport" content="width=de...原创 2019-04-25 09:15:24 · 103 阅读 · 0 评论 -
jquery-滚动通知
效果:html: <div class="box"> <ul class="ul1"> <li>12月进入龙华时刻,万科压轴大盘将开盘,5.88万/㎡起钜惠登场!</li> <li>11月进入龙华时刻,万科压轴大盘将开盘!</li> <li...原创 2019-05-14 10:47:05 · 379 阅读 · 0 评论 -
localStorage时效设置
css: *{ margin:0; padding:0; font-size:20px; } .box{ box-sizing: border-box; width:100%; padding:0 20px; } .contentk{ width:100%; height:30px; display: flex; align-items: cent...原创 2019-05-25 11:50:29 · 899 阅读 · 0 评论 -
jquery~区域内可随意拖动(移动端)
样式css: .barrage { width: 70px; height: 70px; position: fixed; top: 0; background: -webkit-gradient(linear, 0 0, 100% 100%, from(#ff0000), to(#0000ff)); border-radius:50%; } .col1 { co...原创 2019-05-22 11:42:54 · 2393 阅读 · 1 评论 -
判断数据中是否包含有某个值
var data= "12345"; if(data.indexOf("3") >= 0 ) { console.log('data中包含3'); } var str = "67890";var patt= new RegExp("3");console.log(patt.test(str));原创 2019-06-11 11:38:07 · 1367 阅读 · 0 评论 -
文本省略显示
效果:1.html<div class="content"> 与多年不见的朋友相聚。露天咖啡厅,袅袅的咖啡香,落日映红霞,余晖洒落在我们身边,如一幅阵年遗香的挂画。 岁月横隔在彼此间,那些遥远的念想溶入静美的年华中,时光宛如迟暮美人,盈水邀月,横笛玉音,轻纱漫舞。只是 如花美眷,又怎敌似水流年。</div>2.js omit($(".content")[...翻译 2019-07-13 15:47:19 · 121 阅读 · 0 评论 -
h5 移动端 监听软键盘弹起、收起
1.在ios中软键盘弹起时,仅会引起$(‘body’).scrollTop值改变,但是我们可以通过输入框的获取焦点情况来做判断,但也只能在ios中采用这个方案,因为在android中存在主动收起键盘后,但输入框并没有失焦,而ios中键盘收起后就会失焦;2.在android中软键盘弹起或收起时,会改变window的高度,因此监听window的onresize事件;//获取原窗口的高度//And...转载 2019-07-12 16:45:14 · 3968 阅读 · 0 评论 -
利用jQuery获取、修改URL地址参数和参数值
1.获取地址栏参数//调用方法//getRequest();//全部参数function getRequest(){ var url=window.location.search; //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") != -1){ var strs = url.substr(1)...翻译 2019-07-25 10:38:49 · 3213 阅读 · 0 评论 -
jquery上拉加载
css:* {margin:0px;padding:0px;}#header { position:fixed; top:0px; left:0px; width:100%; height:50px; background:#FAA732; text-align:center; line-height:50px; color:white; font-weight:bold;...原创 2019-04-26 16:15:43 · 572 阅读 · 0 评论