jquery学习+Layui使用

这篇博客介绍了如何使用jQuery与layui库进行批量删除操作、导出Excel以及实现级联效果。在批量删除部分,讲解了HTML按钮设置、JS处理和后台接收参数的方法。导出Excel功能涉及HTML按钮和JS处理。级联部分则阐述了如何利用$.each和append()方法动态填充下拉选项,并展示了监听第一级选择以填充第二级数据的过程。
摘要由CSDN通过智能技术生成

入口函数分类及区别

<script>
    //原生js,入口函数。页面上所有内容加载完毕,会执行。
    //不仅文本加载完毕,而且图片也要加载完毕,在执行函数。
    window.onload = function () {
   
        alert(1);
    }
    //jquery的入口函数。  1.文档加载完毕,图片不加载的时候就可以执行这个函数。
    $(document).ready(function () {
   
        alert(1);
    })
    //jquery的入口函数。  2.文档加载完毕,图片不加载的时候就可以执行这个函数。
    $(function () {
   
        alert(1);
    });
    //jquery的入口函数。  3.文档加载完毕,图片加载完毕的时候在执行这个函数。
    $(window).ready(function () {
   
        alert(1);
    })
</script>

.data方法
定义:
data() 方法向被选元素附加数据,或者从被选元素获取数据。
语法:
1.从被选元素中返回附加的数据。

	$(selector).data(name) 
	可选。规定要取回的数据的名称。
	如果没有规定名称,则该方法将以对象的形式从元素中返回所有存储的数据。

2.向被选元素附加数据。

$(selector).data(name,value)

.addClass方法
定义:

	语法:$(selector).addClass(class)
	------------------------------------
	addClass() 方法向被选元素添加一个或多个类。
	该方法不会移除已存在的 class 属性,仅仅添加一个或多个 class 属性。
	提示:如需添加多个类,请使用空格分隔类名。

.append方法
定义:

	语法:$(selector).append(content)
	-------------------------------
	append() 方法在被选元素的结尾(仍然在内部)插入指定内容。
	提示:append() 和 appendTo() 方法执行的任务相同。不同之处在于:内容的位置和选择器。

.prop方法
定义:

	语法:
	返回属性的值:
	$(selector).prop(property)
	设置属性和值:
	$(selector).prop(property,value)
	设置多个属性和值:
	$(selector).prop({property:value, property:value,...})
	--------------------------
	prop() 方法设置或返回被选元素的属性和值。
	当该方法用于返回属性值时,则返回第一个匹配元素的值。
	当该方法用于设置属性值时,则为匹配元素集合设置一个或多个属性/值对。

.attr和.prop区别

两者区别详解


.after方法
定义:

	语法:
	$(selector).after(content)
	--------------------------
	after() 方法在被选元素后插入指定的内容。

.modal方法

//显示模态框:
$('#identifier').modal('show');
//隐藏模态框:
$('#identifier').modal('hide');

.confirm方法


.each方法

		定义:
		each() 方法规定为每个匹配元素规定运行的函数。
		提示:返回 false 可用于及早停止循环。
		语法:
		$(selector).each(function(index,element))
		index - 选择器的 index 位置
		element - 当前的元素(也可使用 "this" 选择器)

刷新页面

	//刷新当前页面.
	window.location.reload();
	//刷新父亲对象(用于框架)
	parent.location.
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值