JavaScript
milli236
这个作者很懒,什么都没留下…
展开
-
原生js和jquery对照
选择元素//jq$('.el');//js document.querySelector("div");div.querySelectorAll('.el');//muimui(".el")[0];父、兄弟元素//jq$('.el').parent();$('.el').prev();$('.el').next();$('.el').last原创 2017-07-17 16:15:54 · 853 阅读 · 0 评论 -
jquery增加和移除属性
1.HTML结构<div class="input-box"> <div> <input type="radio" id="desc1" name="descID" value="1" checked> <label class="" for="desc1原创 2018-11-09 10:45:50 · 28288 阅读 · 1 评论 -
ajax异步请求返回的是字符串问题
1.返回结果差异js获取后打印res.code无结果。因为返回数据格式不正确。php文件添加header头:header('Content-Type:application/json;');或者。j s 添加contentType: "application/json; charset=utf-8",dataType: "json",$.ajax({ ...原创 2018-11-09 14:41:42 · 2578 阅读 · 0 评论 -
如何自动触发点击事件
1. // 两秒后模拟点击setTimeout(function() { // IE if(document.all) { document.getElementById("desc1").click(); } // 其它浏览器 else { var e = document.createEvent("MouseE...原创 2018-11-13 10:36:53 · 10378 阅读 · 1 评论 -
一个简单好用的原生分页插件
1. pagetion.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head> <title>分页标签</title> <meta http-equiv="pragma" conten原创 2018-11-13 16:23:14 · 688 阅读 · 0 评论 -
复选框判断是否选中及获取值
1.HTML结构<ul> <li> <input id="a1" type="checkbox" name="chk_art" value="it1"> <label for="a1">IT1</label> </li&am原创 2018-11-08 16:23:11 · 3192 阅读 · 0 评论 -
jqery的Ajax之beforeSend和complete 方法
1.$.ajax({ type: "post", contentType: "application/json", url: "/Home/GetList", beforeSend: function () { $("loading").show(); }, success: function (data...原创 2018-11-14 10:40:11 · 1628 阅读 · 0 评论 -
分页插件pagination.js的使用
1、js参考:http://www.jq22.com/jquery-info5697// 分页处理 $('.M-box3').pagination({ totalData: total, //数据总条数 showData: pageSize, //每页显示的条数 jump: true, coping: true, ...原创 2018-11-14 15:45:22 · 7022 阅读 · 0 评论 -
百度富文本的使用
1.HTML<div> <textarea name="content" id="myEditor" cols="30" rows="10">文章内容部分.</textarea> </div>2.js引入<script src="../js/jquery-2.1.1原创 2018-11-12 17:24:27 · 1633 阅读 · 0 评论 -
页面滚动动画aos.js插件
1.示例代码demo :http://michalsnik.github.io/aos/参考地址:https://www.cnblogs.com/aliyue/p/6742717.htmlgit https://github.com/michalsnik/aos<!DOCTYPE html><html lang="en"><head>...原创 2018-11-30 14:53:10 · 1777 阅读 · 0 评论 -
jquery判断父元素中含有某个class的子元素
1.children()m.parent().siblings().children('.tab-menu').addClass('active');查找当前m的父元素的其他兄弟元素下的子元素是.tab-menu的元素,添加class原创 2019-03-10 12:07:19 · 22679 阅读 · 0 评论 -
js提取字符串里的数字
<script>window.onload=function(){ var str = "满100元减30元"; var res = str.split("减")[1]; var num = res.replace(/[^0-9]/ig,""); console.log(num); //30}</script>原创 2018-10-09 10:14:39 · 3002 阅读 · 0 评论 -
js加载文件到div容器中
load demo body { font-size: 12px; font-family: Arial; } $( "#success" ).load( "index.html", function( response, status, xhr ) { alert(response); alert(status);});原创 2017-12-13 13:10:06 · 1841 阅读 · 0 评论 -
js如何判断是点击的当前元素
用户管理 用户管理 用户添加 商品管理 商品管理 商品添加 订单管理 订单管理 订单状态 $(".det").on("click",function(e){ // console.log(e.target); let data原创 2017-12-14 16:36:07 · 7032 阅读 · 0 评论 -
jquery获取父元素下的第n个元素节点
$("#detailChange").on("click","li",function(){ // 获取当前点击li 的data-value值 let dataVal = $(this).attr("data-value"); console.log(dataVal); // 切换li列表样式 $(this).addClass("active"); $(this).sib原创 2018-01-11 14:09:07 · 6576 阅读 · 0 评论 -
php或js利用localStorage存储数组
1.数组要转json格式:json_encode($re), 2.存:localStorage.setItem('weekDay',JSON.stringify(weekArray)); 3.取:取: weekArray = JSON.parse(localStorage.getItem('weekDay'));php文件代码,php嵌入js代码将结果数组存储,在js中与用户交...原创 2018-01-11 16:31:55 · 11132 阅读 · 0 评论 -
js监听窗口变化及获取窗口大小
window.onresize=function(){ $(window).width(); } 窗口大小: var offsetWid = document.documentElement.clientWidth; var offsetHei = document.documentElement.clientHeight; if (/(Androi原创 2017-12-27 10:19:54 · 45040 阅读 · 0 评论 -
jquery通过相同的class获取元素并遍历取值
$(".cartProList span.proPrice").each(function(){ // let this = $(this); console.log($(this).html()); });// 1.选择样式 $("p.chooseIcon").on("click","i",function() { // body...原创 2018-01-15 16:36:06 · 91532 阅读 · 0 评论 -
this,$(this),jqery 改变class样式,不刷新js切换内容。
$(function(){ var sectionDom = $("#section"); //footer $("#footer").on("click","li",function(e){ console.log($(this).siblings()); let me = $(this); // let siblings = me.siblings();原创 2018-01-10 15:34:42 · 1021 阅读 · 0 评论 -
jquery获取当前点击li的元素的节点下标
$("#detailChange").on("click","li",function(){ // 切换li列表样式 $(this).addClass("active"); $(this).siblings().removeClass("active"); // 获取当前点击li 的下标 let index = $(this).index() + 1; console.lo原创 2018-01-10 21:32:53 · 37857 阅读 · 0 评论 -
移动端获取页面滚动条距离顶部的距离,以及拖动惯性问题
document.getElementsByTagName('section')[0].addEventListener('touchmove',function(e){ console.log("开始滑动了touchstart"); let a = document.documentElement.scrollTop; console.log("滑动距离为:",a); });jq...原创 2018-02-07 16:56:12 · 20878 阅读 · 0 评论 -
js动态加载css和js文件
css// 动态加载css路径文件 function loadStyles(url) { let link = document.createElement("link"); link.type = "text/css"; link.rel = "stylesheet"; link.href = url; ...原创 2018-02-11 13:32:02 · 496 阅读 · 0 评论 -
jquery滚动条插件niceScroll用法
1.下载,GitHub2.cdn引入,注意: 插件需要引入1.5.X以上版本的jquery库3.初始化$(function({ // The document page (body) 滚动条插件初始化 $("html").niceScroll(); $("#scrollContainer").niceScroll({ //cursorborder:...原创 2018-02-13 15:10:38 · 355 阅读 · 0 评论 -
微信小程序:正则匹配判断电话号码
1.js// formSubmit 表单提交 formSubmit:function(e){ console.log('form表单发生点击事件,携带的数据为:',e.detail.value) console.log('电话:', e.detail.value.tel) //表单点击提交的时候获取数据 //正则匹配 // var mobile = ne...原创 2018-04-10 14:52:25 · 5542 阅读 · 0 评论 -
怎么用异步ajax提交表单来上传图片文件?
通常我们提交(使用submit button)时,会把form中的所有表格元素的name与value组成一个queryString,提交到后台。这用jQuery的方法来说,就是serialize。通过$('#postForm').serialize()可以对form表单进行序列化,从而将form表单中的所有参数传递到服务端。 但是上述方式,只能传递一般的参数,上传文件的文件流是无法被序列化并传递的...原创 2018-06-11 16:40:19 · 3678 阅读 · 3 评论 -
jquery查子元素
1.通过children方法,children(“input:first-child”)let oldValA = _this.next().next().children("").children("a#oldValA");2.jQuery获取:jQuery.parent(expr),找父亲节点,可以传入expr进行过滤,比如$(“span”).parent()或者$(“span”)...原创 2019-07-31 14:30:01 · 8117 阅读 · 0 评论