jq+layui 总结

Posted neryxj

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jq+layui 总结相关的知识,希望对你有一定的参考价值。

1、
//获取当前时间*24小时制
var myDate = new Date();
var createTime=myDate.toLocaleString(‘chinese‘, { hour12: false });

2、
//获取select中选中的值
var temType = $("#temType option:selected").text();

3、
//获取dom元素中含有的类名
var classInDom = allTr[i].getAttribute(‘class‘);

4、
//如何将prompt拿到的值动态传给option并改变option
//思路:prompt传参,并把值赋给通过id获取到值得option

5、
//判断字符串中是否含有想要的字
//以下是判断str字符串中是否含有a
var str;
str.indexOf("a")!=-1;

6、
//修改后要移除class
$(".layui-table-body tr").removeClass(‘layui-table-click‘);

7、
layui table数据修改的回显

8、
//在分页的时候会出现一个问题
//涉及到分页时候会出现的问题,详情请查看下面链接
//https://fly.layui.com/jie/27354/

1、
return false;对异步无效

2、
//ajax获取json数据
var jsonLen;
$(function () {
var actionUrl = ‘__ADMIN__/json/elephant.json‘;
$.ajax({
url: actionUrl,
dataType: "json",
cache: false,
type: "POST",
success: function (data, textStatus) {
$.each(data, function (idx, obj) {
console.log(data.data.length);
jsonLen = data.data.length;
// 实现分页
laypage.render({
elem: ‘test1‘
, limit: 10
, count: jsonLen
, layout: [‘prev‘, ‘page‘, ‘next‘, ‘limit‘, ‘refresh‘, ‘skip‘]
, jump: function (obj, first) {
console.log(obj)
if (!first) {

}
}
});
});
}
});
});
3、
$(“.layui-laypage-btn”).click() ; //layui ajax刷新本行数据

常用于layui数据表格中,状态的修改(审核 锁定 注销)等

4、
js中的数字数组排序

javascript 的sort()函数在默认情况下使用字母数字(字符串Unicode码点)排序。

所以[1,2,5,10].sort() 会输出 [1, 10, 2, 5].

要正确的排序一个数组, 你可以用 [1,2,5,10].sort((a, b) => a?-?b)

(a, b) => a - b 这是一个箭头函数

5、
给获取到的dom添加id
$("p").attr("id","p1")

6、
拿到一个值,最终目的很多时候是改变(或者说是设置/修改)一个值。
譬如你为了改变行内样式的某个属性值,你要首先能够拿到它的值。
问题:如何改变行内样式的值?































































以上是关于jq+layui 总结的主要内容,如果未能解决你的问题,请参考以下文章

react + layui 坑总结

layui 复选框 使用 及jq基本方法

JS JQ 获取宽高总结

jq实现ajax总结

总结jq的一些特效

jq调用ajax的总结