加载DOM
以浏览器装载文档为例,在页面加载完毕后,浏览器会通过javaScript为DOM元素添加事件,在常规的javaScript代码中,通常使用window.onload方法,而在jQuery中,使用的是$(document).ready(function(){})
2024年11月11日
以浏览器装载文档为例,在页面加载完毕后,浏览器会通过javaScript为DOM元素添加事件,在常规的javaScript代码中,通常使用window.onload方法,而在jQuery中,使用的是$(document).ready(function(){})
2024年11月11日
与javaScript相比,Jquery更简洁。浏览器的兼容性更强,语法更灵活,对xpath的支持更强大。一个$符就可以遍历文档中各级元素。
例:在页面上有一个无序列表,我们需要将所有列表项中的文本内容提取出来并显示。
1 //javascript代码 2 <script type = "text/javascript"> 3 var listTimes = document.getElementByTagName("li"); 4 var str = ""; 5 for(var i = 0; i < listTimes.length; i++){ 6 str += listTimes[i].firstChild.nodeValue; 7 alert(str); 8 } 9 </script> 10 //jquery代码 11 <script type = "text/javascript"> 12 $(function{ 13 alert($("li").text); 14 }); 15 </script>
2024年11月11日
前端代码:
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="views/lib/layui-v2.5.5/css/layui.css" media="all">
<link rel="stylesheet" href="views/css/layuimini.css?v=2.0.4.2" media="all">
<link rel="stylesheet" href="views/css/themes/default.css" media="all">
<link rel="stylesheet" href="views/lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
<script src="views/lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
<script src="views/js/lay-config.js?v=2.0.0" charset="utf-8"></script>
<script src="views/js/common.js" charset="utf-8"></script>
<!--[if lt IE 9]>
<script src="views/lib/export-word/excanvas-IE8.js"></script>
<script src="views/lib/export-word/jqueryWordExport-IE8.js"></script>
<script src="views/lib/other/html5.min.js"></script>
<script src="views/lib/other/respond.min.js"></script>
<![endif]-->
</head>
<body class="layui-layout-body">
<div class="layui-upload" align="center">
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;" align="center">
<legend>请选择您要上传的Excel文件</legend>
</fieldset>
<div style="margin-top: 30px" align="center">
<button id="importData" name="file" class="layui-btn layui-btn-normal">导入</button>
</div>
</div>
</div>
<script>
layui.use(["element", "layer", "upload"], function () {
var layer = layui.layer;
layui.upload.render({
elem: "#importData",
url: '/upload',
size: '800',
accept: "file",
exts: 'xls|xlsx',
before: function () {
layer.load();
},
done: function (res) {
if (res.code==0) {
let index=layer.alert('上传成功!',function () {
layer.close(index);
});
} else layer.alert('失败',{icon:5});
layer.closeAll('loading');
}
});
});
</script>
</body>
</html>
</html>
2024年11月11日
文章有点长,请大家耐心看完,话不多说直接上干货!
一门永不过时的编程语言——Java 编程开发。
Java编程语言占比:
据官方数据统计,在全球编程语言工程师的数量上,Java编程语言以900万的程序员数量位居首位。 而且很多软件的开发都离不开Java编程,因此其程序员的数量最多。而在以Java编程为核心的开发领域中,javaEE程序员的需求量10年来一直居于首位!
2024年11月11日
Jquery 是一款优秀的JavaScript框架,它是一个轻量的JS库,它兼容CSS3,还兼容各种浏览器(IE6.0+,火狐1.5+,谷歌,safari2.0+等),使用Jquery让web开发变得更简单,例如:文档操作、文档选择、制作动画、事件处理、AJAX的使用以及其他的功能。
2024年11月11日
第二阶段知识点
01、Html5模块
1.html概述
2.html基本标签
3.图片标签
4.超链接标签
5.表格标签
6.无序列表标签
7.有序列表标签
8.定义列表标签
9.div标签
10.语义化标签
11.表单标签
12.语义化表单元素
13.框架标签
14.特殊字符
15.综合案例
2024年11月11日
想要获取网站上的特定标签内容,难道还要手动一个一个地复制粘贴吗?当然不需要!利用jQuery和爬虫技术,我们可以快速、自动地抓取网站上的数据。本文将详细介绍如何使用jQuery获取标签内容,并结合实例进行讲解,帮助初学者更好地理解。
一、什么是jQuery
jQuery是一个快速、简洁的JavaScript库,它简化了HTML文档遍历、事件处理、动画效果和AJAX交互等操作。在前端开发中,jQuery已经成为了必不可少的工具。我们可以通过在HTML文档中引入jQuery库文件,来轻松实现JavaScript操作。
2024年11月11日
本文整理了java开发的学习路线和相关的学习资源,非常适合零基础入门java的同学,希望大家在学习的时候,能够节省时间。纯干货,良心推荐!
2024年11月11日
接下来你看到的将是全网最详细的Java知识点总结,全文分为三大部分:Java基础、Java框架、Java+云数据
小编将为大家仔细讲解每大部分里面的详细知识点,别眨眼,从小白到大佬、零基础到精通,你 绝对需要的一份资料
实话说,这些都是从清华和北京Java大神高淇联合创作的《Java300集大型视频教程》分解出来,为了大家看得更直观,学的更简单,有需要的小伙伴
2024年11月11日
本文整理了java开发的学习路线和相关的学习资源,非常适合零基础入门java的同学,希望大家在学习的时候,能够节省时间。良心推荐!